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.

CSS more detailed info

View previous topic View next topic Go down

In progress CSS more detailed info

Post by azwiz on December 17th 2014, 4:35 am

This is very interesting . However I do not understand what it is telling me : example ; choose from any of these toolbars . How do I know what they are ? also is the forum part above toolbars just an example ? 
Personalize the entire toolbar with CSS

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

In progress Re: CSS more detailed info

Post by Ange Tuteur on December 17th 2014, 7:24 am

Hello @azwiz,

The image above each code is a preview of the result. You can add the codes into your Administration Panel by going to Display > Colors > CSS stylesheet

For example, adding this code to your stylesheet :
Code:
div#fa_toolbar {
  background-color: #24384c;  /* Background color */
  border-radius: 0 0 50px 50px;  /* Rounds borders of the toolbar */
  box-shadow: 0 0 5px #000000;  /* Displays a shadow */
  margin: auto;  /* Center the toolbar */
  width: 98%;  /* Width of the toolbar */
}
 
div#fa_toolbar div, div#fa_toolbar span {
  margin: 0 15px;  /* Reposition the toolbar contents */
}

Should result in your toolbar looking like this :

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