The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Rounded Corners on CPINFO Box

2 posters

Go down

Solved Rounded Corners on CPINFO Box

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

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

Rounded Corners on CPINFO Box Box10

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
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 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded Corners on CPINFO Box

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

Thank you so much! This helped me a lot!


Topic Solved!
silly-aussie
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 April 25th 2015, 10:12 pm

You're welcome ^^

Topic archived

Have a nice day. Smile
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top


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