-
Posts
-
Hello,
I am using Enfold theme and I have added a color section using the Avia Layout Builder. The background of my color section is white and I have chosen no padding and no border styling, however there is still a very thin visible line that separates the bottom of the color section from the next section below it.
What can I do to remove that very thin line at the bottom of the color section?
Thank you!Hey mbellush,
Please try the following in Quick CSS under Enfold->General Styling:
.page-id-955 #after_section_1 { border-top-width: 0 !important; }Best regards,
RikardI’m also going to have this same issue on all the other pages of my site. If the solution is using CSS code with page-id, how do I find the page ID for every page?
Hi,
If you want the CSS to apply everywhere then you can try this instead:
#after_section_1 { border-top-width: 0 !important; }If you want it to apply to only certain pages then you can inspect the page in question in your browser, you can find the page ID class in the body tag of each page.
Best regards,
RikardI applied that css. There is still a thin line that separates that section from the rest of the page.
Hi,
Please try adding this code as well:
#after_section_1.container_wrap {border-top: none !important;}Best regards,
SarahI added that CSS as well. There is still a thin line that separates the sections.
It is easier to see on a mobile device or tablet.Hi,
The CSS is working when I check it in the browser, do you have any caching plugin or CDN active? If so then please try clearing the cache/disable them.
Best regards,
Rikard
- You must be logged in to reply to this topic.