Register with your Envato account

Support forums

Homepage Support Callisto WooCommerce How-to: Making theme style modifications – adjusting colors, sizes etc.

How-to: Making theme style modifications – adjusting colors, sizes etc.

Homepage Support Callisto WooCommerce How-to: Making theme style modifications – adjusting colors, sizes etc.

This topic contains 0 replies, has 1 voice, and was last updated by  planetshine 3 years, 3 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #2422

    planetshine
    Keymaster

    Using the built-in tools for styling

    All Planetshine themes come with many color and font editing options that can be used to alter the way it looks and works. These option can be accessed by opening the Visual Editor in theme settings.

    visual_editor_1

     

    The Visual Editor displays the settings in sub menus that you can open and close to reveal the underlying settings. Whenever you edit a setting, the editor will refresh the page to show you the results of your changes. Using this editor you can easily change the way the theme looks and feels.

    visual_editor_2 visual_editor_3

     

    Advanced styling with CSS

    In some cases it is required to make more fine tuned changes that can’t be done with Visual Editor alone. This is done by writing code in a styling language called CSS. If you know CSS you can use the Custom CSS box in theme settings to add new styling code to the website.

     

    custom css

    SiteOrigin CSS editor

    Most users will find it easier to use a some tool to create the necessary styling code instead of coding it manualy. We suggest using SiteOrigin CSS plugin for WordPress. This plugin allows you to use a visual editor to select an element on your site and adjust it’s style using color pickers and other easy to use fields. The plugin page on wordpress.org has a introduction video that should help you to get up an running quickly.

    screenshot-2

Viewing 1 post (of 1 total)
You must have active support license to create new replies.

Learn more about Renewing Item Support and Themeforest Item Support Policy.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close