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.

Make rounded corners in widgets and forum title

View previous topic View next topic 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 : 141
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 : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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 : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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 : 41149
Reputation : 2811
Language : English
Location : United States

https://fmthemes.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