How to change the 'thickness' of the title menu bar

  • thebokeeffect


    How do I change the thickness of the title menu bar where the titles for e.g. “Logbook”, “Archives’ on my blog sit in? My blogsite is



    Hi Andrea

    Your .sidebar h3 looks like this now:

    .sidebar h3 {
    background: -moz-linear-gradient(#AAAAAA, #555555) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #444444;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font: bold 16px/20px arial;
    margin: -15px 0 5px -12px;
    padding: 7px 12px;
    text-shadow: 0 -1px 0 #555555;
    width: 100%;

    I think if You change padding line, maybe:

    padding: 4px 12px;

    Either change the code in style.css or put the code in Theme Custom CSS

    But the best way is to make a Graphene Child Theme, if You havent 🙂




    Hi Kim,

    Thanks so much for your quick response – appreciate it. I changed it! 🙂

    Dumb questions (I’m new to this) –

    1) How do you make a Graphene Child Theme?





    Hi Andrea,

    Graphene Child Theme, Read first post here:

    I think its easy, but important when changes mount 🙂

    Just ask 🙂




    Thanks loads! I’ll definitely check it out!

    Sorry, another question – can’t figure this one out –

    It’s kinda trippy that my site, on my macbook and iPhone, the menu bars are grey in color. But on a work laptop and my bf’s laptop and a friend’s laptop – noticed it’s all PC based, it shows us as blue. What color does it show up on yours? I have no idea why it turns out as so 🙁



    Well, Im also using Firefox on MacBook Pro & might add very happy with that.

    The problem is IE versions & CSS code. (Try Google IE & CSS)

    I have this CSS for .sidebar h3

    .sidebar h3 {
    -pie-background: linear-gradient(#afaeae, #6E6E6E);
    background: #afaeae;
    background: linear-gradient(#afaeae, #6E6E6E);
    background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE */
    text-shadow: 0 -1px 0 #000000;




    Oh wow! So it is due to IE versus Safari? Will try all your codes. Thanks so so much!



    I think its been so since IE6 🙂




    I created a child graphene theme and activate it and lost my settings 🙁 Is it meant to be so?



    Now You have to add your changes to Child Theme’s style.css

    so You have the same look as without 🙂

    Please, let me ask!

    Have You made changes in, say functions.php?


Viewing 10 posts - 1 through 10 (of 26 total)

  • You must be logged in to reply to this topic.