- This topic has 16 replies, 2 voices, and was last updated 6 months, 3 weeks ago by
David.
-
AuthorPosts
-
August 7, 2020 at 10:55 pm #1392427
Samuel
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 #1392720David
StaffCustomer 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 ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 8, 2020 at 5:41 am #1392760Samuel
My 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 #1392815David
StaffCustomer 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 ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 8, 2020 at 6:43 am #1392829Samuel
Bummer. 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 #1392841David
StaffCustomer 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 8, 2020 at 6:59 am #1392847Samuel
The 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 #1393254Samuel
I 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 #1393793David
StaffCustomer SupportCan i see the grid with the new pictures in place ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 9, 2020 at 5:53 am #1393828Samuel
OK, I’ve put the grid back in place. You can check it out.
August 9, 2020 at 8:33 am #1394117David
StaffCustomer SupportHow do you want them displayed on Mobile?
Do you want the The Big Featured Post followed by 2 columns of smaller posts ?Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 9, 2020 at 10:48 am #1394304Samuel
That’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 #1394541David
StaffCustomer 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.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 9, 2020 at 5:49 pm #1394590Samuel
No, 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 #1395026David
StaffCustomer 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; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.