Style Recent Posts Element

[frankburder]

Hello!

I’m trying to style the section on my homepage titled “latest news” which contains a recent posts element.

https://dev3.burdercreative.com

I’m trying to remove the box shadow, background color: none. Basically I’m trying to style it like this:

Any ideas?

[jade]

Hi Frank,

Please try this:

.x-recent-posts a {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.x-recent-posts a:last-child {
    margin-bottom: 0 !important;
    border-bottom: 0;
}

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

[frankburder]

Fixed it perfectly! Thank you!! I was missing the “a” in my attempts at styling…

[mldarshana]

Glad we were able to help