Remove Border from recent posts

[franticape]

Hey guys,

I was wondering if you could help me remove the top, left and right border in the recent post:
i removed most of it but i still need to remove this: http://prntscr.com/j95bid

Coudl you help me out?

this is what i have right now

.x-recent-posts a{
  border: 0 !important;
}
a.x-recent-post3.with-image{
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.x-recent-posts-img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

that removes a few borders, but not the one i want.

[jade]

Hi there,

This should remove the outer border to the recent post element:

.x-recent-posts a {
    border: 0;
}

But I am not certain why it is not doing it for you so kindly provide the URL of the site in question so that we can check it.

Thank you,

[christopher]

Hi there,

Thank you for the login information. If you mean the homepage 3 items from the screenshot then you also need to add the CSS code below at the very end of the current code:

.x-recent-posts > a {
    padding: 0;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.