- This topic has 13 replies, 2 voices, and was last updated 3 years, 10 months ago by
.
-
Posts
-
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)?
Customer Support
Hi there,
Not sure if I understand.
Are you referring to this element being outside the container here?
https://www.screencast.com/t/i0FlqstGf8ivYes! When masonry is not active, its inside.
How is that content added?
It’s data from ACF and added using a hook element to display “after_entry_title” for post category archive.
Looks 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?
In this case you need to put a piece of HTML+CSS into every exert of every post. Not sure it will be comfortable…
Its strange, because layout itself works OK with this data. The problem is only about the background color.
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
In 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?
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?
Try this:
.featured-column .post-image img { width: 100%; }Thanks, Leo! Thats nice solution
No problem 🙂
- You must be logged in to reply to this topic.