Home Forums Pure Theme Discussion & Support Color change to theme

This topic is: not a support question

Tagged: , ,

This topic contains 5 replies, has 2 voices, and was last updated by  themeweaver 3 years, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3969

    Rachel Greenhouse
    Member
    Post count: 2

    I would like to change the black of the text and menu titles. headers, search box etc. to a dark brown in keeping with my client’s logo color scheme. Is there an easy way to change this in the theme’s styling for these items in one easy edit? I do not know how to work with more than VERY BASIC code so will need to be walked through how to make the changes step by step. Thanks in advance!

    #3972

    themeweaver
    Keymaster
    Post count: 730

    Persumably you found the Accent Color in Theme optiosn which sets a color for links and some borders etc.

    You can add custom css inside theme options page or in a child theme.

    for the search box:

    #searchbox #s {
    background-color: #333; /* or whatever color you want*/
    }

    for menu items:
    the menu items use an image for the black buttlet you would need to create a new image to use if you wanted to change that.

    The text hover color is set by the accent color (see above).

    ul.page-menu li a {

    background: url(images/icons/pureicons/icon_circle.png) no-repeat 0 50%;

    }

    #3989

    Rachel Greenhouse
    Member
    Post count: 2

    So if my desired custom color is #623a2c, what EXACTLY do I enter into the custom CSS box in Theme Options/Extras? I have tried working with what you’ve provided above, and it says it’s an error.

    #3990

    themeweaver
    Keymaster
    Post count: 730

    For the search box:

    #searchbox #s {
    background-color: #623a2c;
    }

    #3991

    Rachel Greenhouse
    Member
    Post count: 2

    Thank you. One more thing…can you please tell me what to enter to change the background color for the Home Content Area 1 widget?

    #3994

    themeweaver
    Keymaster
    Post count: 730

    Sure, something like:

    #first-content .widget_text {
    background-color: #623a2c;
    }

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.