• I really like the Hemingway theme but everyone who has reviewed my new site (susanblumenthal.com) has said that the black header box and menu bar are “jarring” or distracting. I’ve read through these help threads and have not found any real step-by-step instructions for changing it. I have a hex color (#8c7412) I’d like to use for the box because it complements the header picture but can see no place to put it since all references in the CSS to color use rgba.

Viewing 9 replies - 1 through 9 (of 9 total)
  • In the future, theme author might put in the option for users to change title box color, also the nav bar color.

    Meanwhile you can try this CSS code below, use it under Jetpack’s Custom CSS module, but you need to activate it if not already yet.

    body .blog-info { background: rgba(128, 105, 15, 0.85); }
    body .blog-title a:hover { color: rgba(255, 255, 255, 0.7); }
    body .blog-description::before { background: rgba(255, 255, 255, 0.8) }
    body .blog-description { color: rgba(255, 255, 255, 0.85); }
    body .section.bg-dark { background: #2b2407; }
    Thread Starter RavenTree

    (@raventree)

    I am the newest of newbies when it comes to all this and mucking around in the code seems as much fun as poking pins in my eyes. I do have the Jetpack Custom CSS but when I open it this is all it has in it.
    `/*
    Welcome to Custom CSS!

    To learn how this works, see https://wp.me/PEmnE-Bt
    */

    Where would I put the block of code you provided? Thank you so much for your help

    Put the code under that thing, or just replace it.

    In CSS, anything enclosed in this /* and this */ is CSS comment, meaning the system will just ignore anything inside it.

    Thread Starter RavenTree

    (@raventree)

    WOW!!!! It worked! I was terrified to try it because I thought I might “break” the theme but It’s like magic. I am so grateful. I used Color Picker to choose a color of one of the trees in the picture that I wanted the box to be but wasn’t sure how it would look. It is so cool that you can see the background image through it. If I wanted to change the menu bar from black to that same color, would I plug that same piece of code in somewhere else? Look at the site and see how nice it looks.
    susanblumenthal.com

    The menu bar color is at the last line, now it’s set as #2b2407 which is dark brown, might not be noticeable because it’s subtle, keep it as is or change that value to your liking.

    Thread Starter RavenTree

    (@raventree)

    I actually got the courage to play with it some more using the codes from Color Picker and I have it exactly where I want it.

    Thank you so much for your help.

    liznelson4

    (@liznelson4)

    This thread has been really helpul. RavenTree, how did you edit the colors? I can’t figure that out.

    liznelson4

    (@liznelson4)

    Nevermind – I figured it out!

    i dont mind the black but would like to change the opacity , can anyone help

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Change Color of Black Header Box in Hemingway’ is closed to new replies.