If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

WordPress Blogging themes. How to edit colors using Power Builder

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 Blogging themes. How to edit colors using Power Builder, 1.0 out of 5 based on 1 rating