Featured Thumbs Styling

Posted in: Newspaper
Post count: 57
dan21
#10413
Apr 9, 2014 at 11:24 pm

Is there a way to add border-radius css property to featured thumbnails, so that thumbs both on homepage (categories, tags) and sidebars looked a bit rounded?

I am using layout like this:
https://scontent-b-fra.xx.fbcdn.net/hphotos-ash4/t31.0-8/10259090_435564046587387_2610082451814695024_o.jpg

Post count: 854
Radu A
#10435
Apr 10, 2014 at 9:02 am

hi,
use this css:

.wpb_row.row-fluid div.thumb-wrap a img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;  
}

here: http://screencast.com/t/R5nldZZgdxhQ

Thanks for you message.
Radu A.

Post count: 57
dan21
#10555
Apr 11, 2014 at 1:51 pm

Thanks! Awesome!

Post count: 2
Tiko
#17004
Jul 30, 2014 at 6:59 pm

How can i do it for all besides sliders

Post count: 6600
Lucian
#17052
Jul 31, 2014 at 8:50 am

Hi,

Please add this css in Theme Panel > Custom CSS:

.wpb_row.row-fluid div.thumb-wrap a img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;  
}

.wpb_row.row-fluid .iosSlider div.thumb-wrap a img {
-webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;  
}

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.