CSS more detailed info

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 : 506
Reputation : 7
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 : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA


Back to top Go down

Back to top

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