Docs

[fderooy]

Hi there!

First: I’ve been asking a lot from you guys lately, and every question I’ve delivered has been kindly responded, along with smart solutions for every query. So: thanks so much!

Now, I’ve enabled some Essential Grids for my homepage, to display through them recent posts according to different categories. To coherently follow the layout design throughout the site, I’ve added a bottom 1px border to every grid item, as a kind of visual separator from one post to another. The thing is that this bottom border usually precedes another 1px border that belongs to the title of the next homepage section. (See the image attached for a better idea).

Is there a way of telling Essential Grid to not display the bottom border of the last item? Or any other way of avoiding the duplication of lines?

Thanks a lot, again. 🙂

Fidel

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

li:last-child div.eg-headers-top-content {
    border:0!important;
}

Hope this helps – thanks!

[fderooy]

Well: just AWESOME John! Worked perfectly!

Can’t thank you enough!

Cheers. 🙂

Fidel

[Lely]

You’re welcome Fidel!

Cheers!

[fderooy]

Hi again! 🙂

Could you help me figure out the same effect for this other grid? Have been testing with adjustments in the code, but can’t make it happen!

Thanks.

Fidel

[Christopher]

Hi there,

Please provide us with URL of page in question.

Thanks.

[fderooy]

Hey! Sorry, forgot to link it: http://www.sociologialatinoamericana2.ucr.ac.cr

Thanks. 🙂

[Christopher]

Hi there,

Please add this :

ul.mainul li:last-child {
    border: none !important;
}

Hope it helps.

[Thai]

Hi There,

Please add the following CSS:

li#eg-37-post-id-2932 {
    border: none;
}

Hope it helps 🙂

[Author]

Posts