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

    thebokeeffect

    #13692

    Hullo!

    I kinda ‘solved’ in but not in the child theme.. -_- I made changes in my custom css and the background and graphene options portion..

    thebokeeffect

    #13693

    Btw, back to the previous question on the issue that IE and safari shows up different colors of my blog, what code do I add into my current?

    .sidebar h3{

    background:#3C9CD2;

    background:-moz-linear-gradient(#aaa, #555);

    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#aaa), to(#555));

    background:linear-gradient(#aaa, #555);

    -pie-background: linear-gradient(#aaa, #555);

    border-bottom:1px solid #444;

    Kim

    #13694

    Hullo πŸ™‚

    Just make the same with the Child. Then You are okay.

    But it clearly shows what happens when You update the

    theme someday.. Well my advice.

    Try my lines with Your color codes πŸ™‚

    Have You tried right+click on Your little calendar pic in posts

    and then show background picture. Maybe one with gray colors..

    And The Themes PSD’s are here:

    http://graphene.googlecode.com/svn/trunk/PSDs/

    Kim

    thebokeeffect

    #13695

    Hihi!

    I tried your lines and will check tomorrow when I have access to a laptop πŸ™‚ *Cross fingers.

    I don’t quite understand the next part –

    I right click on my little calendar pic in posts – the one that indicates the date of the day it was written correct? But it doesn’t have an option to click to show background picture. What is the theme psd’s for?

    Kim

    #13696

    Hifi!

    I wanted You to look at or notice sprite_master.png, say:

    http://www.nørrebo.dk/bbpress/testroom/sprite_master.png

    Well, if You want to change some icons, there are many

    out there: http://www.iconfinder.com/search/?q=date

    Kim

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

You must be logged in to reply to this topic.