Jump to content

Archived

This topic is now archived and is closed to further replies.

meanmcbean

Round Corners on Flipper Images?

Recommended Posts

meanmcbean

I would like to round the corners of the three rectangle images on the Flipper on the Home page.  I tried using the Chrome and Firebug inspection tools, and cannot figure it out.  Can you help me do that?  Thanks.  The URL is... http://carenetlv.org/

Share this post


Link to post
Share on other sites
greenfly

Hi Meanmcbean 

 

First of all - nice looking site. Definitely one for submission to the showcase. http://www.pagelines.com/showcase/

 

To get rounded images - you can use the CSS property 'border-radius' - More info here - http://www.w3schools.com/cssref/css3_pr_border-radius.asp

 

Add the CSS to  

.flipper-wrap .flipper-items > li img 

Let us know how you get on :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
meanmcbean

Thank you, Martin!  Here's the code I used...

 

.flipper-wrap .flipper-items > li img {
border:2px solid;
border-radius:15px;
}
 
Worked great!  I am still making changes on the site, but will submit to the showcase when finished.  Thanks :)

Share this post


Link to post
Share on other sites
greenfly

Great news. - glad that worked for you. 

 

Be sure to submit the site once you have completed it. :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

×