Hi,
I have a color section on my blog page, but I would like it to be hidden when the 2nd, 3rd, etc page is displayed. Is this possible?
Regards,
Poirot
Hi Poirot,
Not sure I understand what you mean by that, could you try to explain a bit further please? Also post a link to the site in question.
Best regards,
Rikard
Hi Rikard,
Sure. If you take a look at my homepage (blog), you will see a color section halfway the page. If you click to the second page of my blog, the color section will still be displayed, but I would like it to be visible only on the homepage.
The reason for this is that my blog consists of 2 blog content elements, separated by the color section. Since the top content only displays on the homepage, the color section then moves up against my header. That’s why I need the color section only to be visible on the hompepage.
Thank you,
Regards
Poirot
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.home.paged #av_section_2 {
display: none;
}
Cheers!
Yigit
Hi Yigit,
Works perfectly, but on my second blog page, I’m left with a horizontal line just below the header. Any idea how to remove it?
I’ve also removed the whitespace below the first blog element (homepage) and the color section. “.content {padding-bottom: 0px}” But now my individual posts are cut off at the bottom. I’d need to fix this. Maybe the code could specify only for homepage, not individual posts?
Thank you,
Regards
Poirot
Hi,
Please try the following as well:
.paged #after_section_1{
display:none !important;
}
Regards,
Rikard
Hi Rikard,
Solved :-) Thank you!
Regards
Poirot