WordPress.org

Ready to get started?Download WordPress

Forums

Spasalon
Change menu and header color (2 posts)

  1. kristabrashear
    Member
    Posted 5 months ago #

    How do I change the color from the default pink to another color? Where do I go to do this? I want to try purple of burgundy.

  2. W.P. Ginfo
    Member
    Posted 5 months ago #

    Various bits need a different color; I've bunched them up here...
    [not sure if've 'found'all yet.../ overcooked it a bit]

    .row-fluid,
    .slidesDescription,
    .navbar-inverse .brand,
    .navbar-inverse .nav > li > a ,
    .navbar-inverse .nav > li > a:hover {
           background-color: #99cc66;/*change to desired color*/
    }

    If your theme has an option to customize the CSS like a 'custom css'-TAB, place the above code there.
    Is such a feature missing from your theme? See the instructions below.
    Add the above code to the `style.css' of your CHILDtheme:

    You don't have a childtheme yet?

    1. Install and activate 'one click childtheme plugin
    2. create the childtheme
    3. Dashboard > appearance > Themes > activate the childtheme
    4. Make the changes in the CHILDtheme!
    - copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

    == == == extra

    How to find which CSS to change

    About finding out 'which things to change in your site [css / html / php]

    Well it's all a bit like trying to solve a puzzle.
    Fortunately there are good tools for that.
    In your browser: Install / activate webdevelopment add-ons / plugins.

    Recommended: 'Firebug' or right-click the item and choose 'ínspect elements'
    These tools will show you what's what.
    e.g. right-click > inspect elements > click left bottom arrow-icon
    click item in webpage
    Inspect css on the right
    alter css values to test effect / result
    OK? copy altered css rule
    paste it in the custom-CSS-tab of your theme or style.css of your childtheme, if such a custom-css-feature is not available in your theme.

    Alternatively:
    Press <F12> a screen will show in the bottom.
    Move the mouse over each line
    The area shows in the top-half
    Press + to unfold parts
    Investigate and alter on the right etc.
    paste it in the custom-CSS-tab of your theme or style.css of your childtheme, if such a custom-css-feature is not available in your theme.

Reply

You must log in to post.

About this Theme

About this Topic