The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rounded Corners on CPINFO Box

View previous topic View next topic Go down

Solved Rounded Corners on CPINFO Box

Post by silly-aussie on April 25th 2015, 8:06 am

Hello, I was wondering how do I get rounded corner on my CPINFO box like these. 



The code I am currently using is

Code:
.box {
border: 1px solid;
margin: 2px 0px;
padding:10px 5px 5px 10px;
background-repeat: no-repeat;
background-position: 40px center;
}
.box {
color: #000000;
background-color: #ffffcc;
background-image: url('');
}


Last edited by silly-aussie on April 25th 2015, 10:09 pm; edited 1 time in total

silly-aussie
New Member

Female Posts : 2
Reputation : 1
Language : English
Location : In A Paper Town

http://blurred-lines.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners on CPINFO Box

Post by Ange Tuteur on April 25th 2015, 9:41 pm

Hi @silly-aussie,

To round the corners of an element in CSS, you can use the border-radius property.

Example :
Code:
.box { border-radius:10px }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded Corners on CPINFO Box

Post by silly-aussie on April 25th 2015, 10:09 pm

Thank you so much! This helped me a lot!


Topic Solved!

silly-aussie
New Member

Female Posts : 2
Reputation : 1
Language : English
Location : In A Paper Town

http://blurred-lines.forumotion.com/

Back to top Go down

Solved Re: Rounded Corners on CPINFO Box

Post by Ange Tuteur on April 25th 2015, 10:12 pm

You're welcome ^^

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum