Theme Editor    
This topic is assigned to Victor

Dec 19, 2014 06:38 AM

Theme Editor


With Theme Editor you may customize the general (basic) style settings of the White Label website. You can access the Theme Editor Tool in Application Dashboard.



The Theme Editor tool has  several editing sections:


1. General. The Style Settings from General section will apply for entire website, except Header and Footer .


    * font-family: The font-type that will apply to all text keys from the website except links. See an example bellow:


     * color: this setting will change the text color for all text keys on the website except links. 



     * font:size: this setting will change the size of the text.

     * background-color: The setting will change the background color on the website.



    * background-image: The setting will change the background image on the website. You may set either a background color or an image.

    * background-repeat:  The setting will take effect only if a background image is set. 

    * background-attachment: This property sets whether the background image is fixed or scrolls with the rest of the page.

    * background-position: This will set the starting position of the background image. 


2. Links. Here you may change the links' style for the website, except Header and Footer.


    * color: This setting will change the text color.  

    * text-decoration: The setting will add a decoration to the text (line, underline, etc).

    * font-family: This setting allows changing the font type.


3. Header. Here you may customize the Header part of the website.

    

    * background-color: You can change the background color of the Header.



4. Footer. You may customize the Footer part of the website.


    * background-color: You can change the background color of the Footer.



    * color: You can change the color of all the links which show up in Footer. 


   

   * font-size: You can change the font size of all the links.


5. Button1. This setting will customize the buttons that are by default Green on the website. 

    * background-color: This setting will set the background color of the button.

    * border-with: Here you can change the width of the button's border. If you do not want a border, set 0 as value.

    * border-style: You can change the border of the button.

    * border-color: You can change the border's color.

    * border-radius: This setting allows adding a radius for border's corners.

    * color: The setting allows changing the color of the text inside the button.

    * padding: You may add space (padding) from the top, bottom, left or right for the button.

    * text-align: You may adjust the text position inside the button.

    * font-size: You can change the size of the text inside the button.

    * font-family: You can change the font type of the text.

    * text-decoration: You may add a decoration for the text (line, underline, etc)

    * text-transform: With this setting you can control the capitalization of the text.


6. Button2. This setting will customize the buttons that are by default Gray on the website. The parameters are the same as for Button1 .

7. Remove Theme. Remove Theme. You can anytime remove the Theme fro the White Label website. This setting will remove all the style settings you have modified in steps 1-6. 


    1