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

  • thebokeeffect

    #825

    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

    http://thebokeeffect.com/

    Kim

    #13683

    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 🙂

    Kim

    thebokeeffect

    #13684

    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?

    Thanks!!

    Andrea

    Kim

    #13685

    Hi Andrea,

    Graphene Child Theme, Read first post here:

    https://forum.graphene-theme.com/topic/how-to-modify-the-theme-using-a-child-theme

    I think its easy, but important when changes mount 🙂

    Just ask 🙂

    Kim

    thebokeeffect

    #13686

    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 🙁

    Kim

    #13687

    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;
    }

    Kim

    thebokeeffect

    #13688

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

    Kim

    #13689

    I think its been so since IE6 🙂

    Kim

    thebokeeffect

    #13690

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

    Kim

    #13691

    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?

    Kim

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

You must be logged in to reply to this topic.