-
Posts
-
Hey guys,
On this page between my images, there’s a strange gap between jpgs. But I checked everything and didn’t add any settings to create this gap. I really want it removed. Please help! It may be hard to see, but it’s between every image. I posted screenshots to show where it’s obvious.
Page:
Screenshots:
https://ibb.co/m2WoBR
https://ibb.co/jyH6y6
https://ibb.co/b1RzJ6Thanks!
Hey ccyran,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.avia-image-container.avia-align-center { margin-bottom: 0 !important; } .single-portfolio #after_submenu { display: none !important; }This should fix the issues showed in the 3 screenshots. Hope this helps :)
Best regards,
NikkoHey Nikko,
this fixed the issues, but it looks like it overrides whitespace elements that I had placed before. You’ll see it on the same page. Can you help?
thx,
ChrisHi Chris,
I think you can use Custom Css Class for this, for example use remove-margin (on the images you want bottom margins removed) then remove this code I gave:
.avia-image-container.avia-align-center { margin-bottom: 0 !important; }and replace it with:
.remove-margin { margin: 0 !important; }Let us know if this helps. :)
Best regards,
NikkoAbsolutely perfect. It looks like the only thing it didn’t fix was the gap underneath the image that shows the album cover.
When I use:
.single-portfolio #after_submenu {
display: none !important;
}that solves it, but it affects my entire website.
Thanks again Nikko!
Hi ccyran,
You can use the code like
.postid-4621.single-portfolio #after_submenu { display: none !important; }Best regards,
VictoriaThanks Victoria!
How did you know to use that code? Just wondering so if this happens again when I post on a new project, I’ll know what to do :)
Hey Victoria,
Apologies, I used this code but the same issue, it applied it to everything. And I only want it to happen below the album cover/white bg image.
Here: https://ibb.co/b1RzJ6
Hi Chris,
You can use Google Chrome browser for this, just right click on any part of the site and then select Inspect Element, it should show the html structure of your site, look for the < body > tag and check the class it should contain something like postid-xx where xx is the id of the post/portfolio then use the code given to you by Victoria and just replace the post id number. Hope this helps :)
Best regards,
NikkoHey Nikko,
That makes sense! But the code I was given affects the entire page, and not just that one spot. Can you help with that?
Hi,
Yes it would affect the entire page, can you try this css code:
.postid-4621 #main > #after_submenu:nth-child(11) { display: none; }Hope this helps.
Best regards,
NikkoThat fixed it!
In this case, how did you know how to solve it? For example, if this happens again on another page that im making, how would I fix it?
Hi,
Just inspect the site again as I have instructed above, look for the class of the body tag and use the postid-xx class then look for the div tag with an id of main then count its direct child, and you’ll see that #after_submenu is the 11th child. You can check more information on this here: https://css-tricks.com/almanac/selectors/n/nth-child/
Best regards,
Nikko
- You must be logged in to reply to this topic.