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


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

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

Male Posts : 13022
Reputation : 2690
Language : EN10, FR5
Location : Pennsylvania

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