Make rounded corners in widgets and forum title

Go down

Solved Make rounded corners in widgets and forum title

Post by Kite Trojan on April 8th 2014, 3:57 am

How do I make my widgets like this and my forum title?
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by SocialAcademy on April 8th 2014, 4:18 am

Code:
-webkit-border-radius: 19px 19px 0px 0px;-moz-border-radius: 19px 19px 0px 0px;border-radius: 19px 19px 0px 0px;background:rgba(color you want );
try search your module main-head in css then add this


it should look like this  

http://socialacademy.forums.fm/h64-rounded
avatar
SocialAcademy
Forumember

Male Posts : 142
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by Kite Trojan on April 8th 2014, 4:26 am

I cannot find "
Code:
module main-head
" in my CSS
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by Ange Tuteur on April 8th 2014, 4:36 am

Hello Kite Trojan,

Please provide the following information :
1. ) The version of your forum
2. ) A link to your forum

Thank you Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by Kite Trojan on April 8th 2014, 5:12 am

avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by Ange Tuteur on April 8th 2014, 6:46 am

Add this to your CSS :
Display > colors > CSS stylesheet
Code:
.module .h3 {
    color:#FFF;
    background:#046;
    box-shadow:0 14px 6px rgba(255,255,255,0.1) inset;
    border:none;
    border-radius:4px 4px 0 0;
    padding:8px 4px;
    margin:-5px -10px 5px -10px
}

.module { border-radius:4px; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by Kite Trojan on April 9th 2014, 2:24 am

Great! They aren't center though.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by lightningterror on April 9th 2014, 2:54 am

Try this , it's Anges code but edited and added some stuff for old browsers. Smile

Code:
.module .h3 {
    color:#FFF;
    background:#046;
    box-shadow:0 14px 6px rgba(255,255,255,0.1) inset;
    -moz-box-shadow:0 14px 6px rgba(255,255,255,0.1) inset;
    -webkit-box-shadow:0 14px 6px rgba(255,255,255,0.1) inset;
    border:none;
    border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    padding:8px 4px;
    margin:-5px -10px 5px -10px;
    text-align: center;
}

.module { border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }
avatar
lightningterror
Forumember

Male Posts : 45
Reputation : 5
Language : English

http://hellguards.nice-forum.com/

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by Kite Trojan on April 9th 2014, 4:13 am

I just wanted the top to be alligned with the list. The text can stay alligned to the left.  I got this fixed by changing text align: center; to text align: left; 

Solved
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Make rounded corners in widgets and forum title

Post by SLGray on April 9th 2014, 5:07 am

   Problem solved & topic archived.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


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