Hi there,
can you share a link to a page on your site where we can see the issue ?
Hi David,
Unfortunately I can’t share the link as I’m building it locally with desktop server. However, I kinda solved the issue.
Can I please ask you to help me with another doubt I have? How can I make the container and the grids exaclty as tall as the image they contain so they don’t have space beneath or above?
I’m referring to this website: https://herbe.bio/
Block 6th and 7th. They seem okay just because I moved up the one below so they overlay.
Thanks!
Hi @mattiachiara,
Are you referring to this section?
See: https://share.getcloudapp.com/nOuR40wN
Also see: https://share.getcloudapp.com/xQuqk1DP
If so, the plugin you’re using to generate these is adding margins to its elements.
If you’re referring to something else. Kindly let us know. Perhaps you can take a screenshot of the specific section as well where the issue is occurring.
Kindly let us know. 🙂
Hello Fernando,
Yes I’m talking about that: https://share.getcloudapp.com/mXuYNlDq
You see, those two are two separate containers overlayed, and the upper ends few inches below.
I changed the background color to make it look like one block but ideally I would like to have them one straight under the other with two different background colors.
Let me now if I was clear,
Thank you very much!
The gap comes from the Bottom Margin being applied to your images – which comes from this CSS in your theme:
.entry-content .wp-block-image img, .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.attachment-fullsize {
margin-bottom: 20px;
max-width: 100%;
height: auto;
}
Select the Image Block, and in Advanced > Additional CSS Class(es) add a custom class eg. no-bottom-margin
then add this CSS to remove the margin:
.entry-content .wp-block-image.no-bottom-margin img {
margin-bottom: 0;
}
Saya pemula dalam wordpress, saya juga mengalami hal yang demikian.
saya ingin membuat profil memakai domain utama saya yaitu https://cotekno.com , semoga nanti aja yang mau membantu jika saya mengalami kendala.
Hi @turhin160489,
To clarify, are you still experiencing the same issue, and would you need assistance with regards to this as well? Or, have you resolved this already.
Kindly let us know. 🙂
