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?

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

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

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

Ange Tuteur
Forumaster

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

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


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; }

Ange Tuteur
Forumaster

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

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.

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; }

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

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.


SLGray
Administrator
Administrator

Male Posts : 35657
Reputation : 2375
Language : English
Location : United States

http://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