Categories

Featured templates

WordPress Blogging themes. How to edit colors using Power Builder

Daniel Morales February 17, 2017
Rating: 5.0/5. From 1 vote.
Please wait...

This tutorial shows how to edit colors using Power Builder in your WordPress Blogging theme.

  1. Login to WordPress dashboard and open any desired page;

  2. Use ‘Power Builder’ for editing;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_1

    Note! Most of the content sections in Blogging themes use their own Custom CSS classes. In case you want to edit colors using Powerbuilder, you need to remove such classes from the module settings. Let’s see how to do it:

    • Click the ‘Settings’ button to reach Section Module Settings;

      WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_2
    • Open ‘Custom CSS’ tab, remove Custom CSS class for this section and save the changes;

      WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_3
  3. We are now ready to edit colors of the body text, content background, titles, icons and so on.

Editing Titles color

  1. Locate the title text module and open Module Settings window;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_4
  2. Navigate to the ‘Advanced design settings’ tab and change ‘Text Color’ value to any desired color. Save the changes;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_5
  3. Title color has been successfully changed;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_6

Editing Body Text color

  1. Locate the body text module and open Module Settings window;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_7
  2. Navigate to ‘Advanced design settings’ tab and change ‘Text Color’ value to any desired color. Save the changes;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_8
  3. Body text color has been successfully changed;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_9

Editing Content background color

  1. Locate the needed text module and open Module Settings window;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_10
  2. Navigate to ‘Advanced design settings’ tab and change Background Color’ value to any desired color. Save the changes;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_11
  3. Content Background color has been successfully changed;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_12

Editing Icon color

  1. Locate the needed module that uses icons and open Module Settings window;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_13
  2. Navigate to ‘Advanced design settings’ tab and change ‘Icon Color’, ‘Icon Hover Color’ values to any desired color. Save the changes;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_14
  3. Icon color has been successfully changed;

    WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_15

Note! Some website elements such as Menu color, submenu colors, links colors may be changed via Appearance > Customize > Color Scheme menu;

WordPress_Blogging_themes_How_to_edit_colors_using_Power_Builder_16

This is the end of the tutorial. Now you know how to edit colors using Power Builder in your Blogging theme.

Feel free to check the detailed video tutorial below:

WordPress Blogging themes. How to edit colors using Power Builder
Wordpress Website Themes
This entry was posted in WordPress Tutorials and tagged color, power builder, WordPress, WordPress Blogging themes. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket