- This topic has 13 replies, 2 voices, and was last updated 7 months, 3 weeks ago by
Leo.
-
AuthorPosts
-
June 1, 2020 at 3:11 pm #1310382
Dmitry
Hi!
Is it possible to make the background color (white) to cover the whole inside-article div regardless of the grid settings (number of columns + featured post)?
June 1, 2020 at 3:16 pm #1310389Leo
StaffCustomer SupportHi there,
Not sure if I understand.
Are you referring to this element being outside the container here?
https://www.screencast.com/t/i0FlqstGf8ivDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 1, 2020 at 3:20 pm #1310394Dmitry
Yes! When masonry is not active, its inside.
June 1, 2020 at 3:24 pm #1310398Leo
StaffCustomer SupportHow is that content added?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 1, 2020 at 3:29 pm #1310402Dmitry
It’s data from ACF and added using a hook element to display “after_entry_title” for post category archive.
June 1, 2020 at 3:48 pm #1310416Leo
StaffCustomer SupportLooks like the masonry calculated the height before the hook content is loaded.
Not sure if there is way around that unfortunately.
What if you use the custom excerpt metabox to input the Size and Prize instead?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 1, 2020 at 4:14 pm #1310432Dmitry
In this case you need to put a piece of HTML+CSS into every exert of every post. Not sure it will be comfortable…
June 1, 2020 at 4:24 pm #1310435Dmitry
Its strange, because layout itself works OK with this data. The problem is only about the background color.
June 1, 2020 at 4:39 pm #1310442Dmitry
Well, it looks like I need to use not the best solution just to add some css like .masonry .inside-article {padding-bottom: 120px !important;}
Can you also help a little with featured post thumbnail image. When masonry is set to 3 columns, there are white paddings on the image. Cant find out where do they come from.
ps check the same link
June 1, 2020 at 8:43 pm #1310551Leo
StaffCustomer SupportIn this case you need to put a piece of HTML+CSS into every exert of every post. Not sure it will be comfortable…
You should only need to add 2 lines of HTML everytime. The CSS will be the same so only needs to add it once globally.
Its strange, because layout itself works OK with this data. The problem is only about the background color.
The background color isn’t working as the layout isn’t accounting for the extra content.
As for the padding, the image container looks normal:
https://www.screencast.com/t/2AZoc7FWIt’s the image itself is a bit small. Does uploading a bigger image help or no?
If no can you disable the hover effect so I can take a closer look?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 2, 2020 at 1:29 am #1310781Dmitry
Thats what I’m talking about https://www.screencast.com/t/8g4m53zm8p
The image is not small itself. Its version which is used for the archive page is small.
Well, maybe there is some kind of a snippet I can use to insert the full version of the image for the featured post on archive page?
June 2, 2020 at 8:47 am #1311424Leo
StaffCustomer SupportTry this:
.featured-column .post-image img { width: 100%; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 2, 2020 at 11:19 am #1311648Dmitry
Thanks, Leo! Thats nice solution
June 2, 2020 at 11:34 am #1311654Leo
StaffCustomer SupportNo problem 🙂
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.