- This topic has 16 replies, 2 voices, and was last updated 3 years, 7 months ago by David.
-
AuthorPosts
-
August 7, 2020 at 10:55 pm #1392427Samuel
Can you tell me how to resize the header, magazine grid in dispatch? I’ve tried resizing my images, I’ve played around with the CSS for hours trying to manipulate the images, and now I just want to change the dimensions of the boxes themselves to get the images to fit. How can I do this?
August 8, 2020 at 5:12 am #1392720DavidStaffCustomer SupportHi there,
the site uses some complex CSS to create the grid and their responsive behaviour. So not something that is easily changed without custom development.
But the CSS should also ensure that Images always fill the space.
Can we see your site so i can see the issue ?
August 8, 2020 at 5:41 am #1392760SamuelMy apologies, forgot I had the site maintenance plugin active. It’s open now. You can see how the pictures are clipped on all sides by the same proportion. Logo at top and writing at bottom is cut off, which is the most critical.
August 8, 2020 at 6:32 am #1392815DavidStaffCustomer SupportThanks for removing the maintenance.
Unfortunately there isn’t much we can do about that.
The CSS simply forces the background to fill the space
The Dispatch site was designed for sites where all the images are of the same size and where the backgrounds are more ‘superfluous’.I am not sure what the options are aside from removing the post grid.
Thoughts ?
August 8, 2020 at 6:43 am #1392829SamuelBummer. I guess my only option IS to remove the grid. It’s a shame, because the grid and this entire theme looks incredible and is super light weight. Really enjoyable after having dipped my toes into the tagdiv newspaper world and getting bogged down by code and framework. Thanks for the quick replies!
August 8, 2020 at 6:52 am #1392841DavidStaffCustomer SupportHmmm… i don’t like saying we cannot do something.
What if the Post grid was set to display ‘selected’ posts only ? Ones where more appropriate featured images of the same size were set and a little bit of cropping would do no harm?
August 8, 2020 at 6:59 am #1392847SamuelThe problem with that is I only have two sections of original content on my site right now. The satire articles you see there (which I need to be front and center for those directed off of social media to view) and my blog. The rest are RSS news feeds (which I could care less if they get cropped or not) that I don’t want to be the center point of my site since they’re not original work. Unfortunately, the category the magazine grid feeds from looks perfect on both desktop and mobile when I actually click into the category from the menu. Every block on the whole site looks great (minus the featured image slab at the top of the posts, but I don’t care about that since the full picture is displayed below it), and this is the only thing not quite there.
August 8, 2020 at 12:17 pm #1393254SamuelI like the grid. I’m going to remake the pictures to allow for the cropping. Can you tell me how to maintain desktop dimensions when it switches to mobile? The main block hero picture gets very wide.
August 9, 2020 at 5:16 am #1393793DavidStaffCustomer SupportCan i see the grid with the new pictures in place ?
August 9, 2020 at 5:53 am #1393828SamuelOK, I’ve put the grid back in place. You can check it out.
August 9, 2020 at 8:33 am #1394117DavidStaffCustomer SupportHow do you want them displayed on Mobile?
Do you want the The Big Featured Post followed by 2 columns of smaller posts ?August 9, 2020 at 10:48 am #1394304SamuelThat’d be fine. My main concern is the featured post be scaled properly. Two columns of smaller posts would be pretty cool though.
August 9, 2020 at 4:16 pm #1394541DavidStaffCustomer SupportSorry i think our timings are out and you took the grid down.
Do you have an option to create a Staging site ? If so we could work on that so your live site remains intact while we figure it out.August 9, 2020 at 5:49 pm #1394590SamuelNo, that’s my mistake. I thought you just needed to look at it that once to identify the problem. It’s back up now. I don’t get enough traffic to be too concerned about it at the moment. I’m not used to this kind of continual customer support, so I’m slightly shocked you’re engaging with me this frequently. Thank you. Your move, David, lol.
August 10, 2020 at 3:18 am #1395026DavidStaffCustomer SupportNo problems – i built Dispatch so i like to help if i can.
Try adding this CSS for the Mobile Layout. This will be the large featured image. Followed by the 2 column/2 row grid of the smaller posts:
@media (max-width: 599px) { .wpsp-grid .wp-show-posts { display: grid } .wpsp-grid .wp-show-posts article { grid-column: span 6; } .wpsp-grid .wp-show-posts article:not(:first-child) { grid-column: span 3; } }
-
AuthorPosts
- You must be logged in to reply to this topic.