changing menus on chunk theme

  • Unknown's avatar
    ladyelectronica · Member ·

    I’ve been doing some customisation to the Chunk theme on my website ladyelectronic.com.

    Have a few questions:

    1. Is there a way to make the space between the url window and head and the space between the header and menu smaller? I like the size of the text in the header and want to keep the standard text, but want to squish it together so that the pictures are more visible without scrolling down.

    2. I have changed the column width on the left and now the menu looks to be aligned right. Is there a way to centre this or align it to the right?

    3. Is there a way to link to sub menus from the top menu? I.e. if you click on this link http://ladyelectronica.com/music/ can I change those links to AUDIO and VIDEO into buttons, rather than straight hyperlinks?

    Many thanks for your support

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    ladyelectronica · Member ·

    For the second thing I meant

    2. I have changed the column width on the left and now the menu looks to be aligned right. Is there a way to centre this or align it to the LEFT?

  • Unknown's avatar
    thesacredpath · Member ·

    1. For the space above the site title, adjust the top padding here.

    #header {
padding-top: 70px;
}

    To adjust the space between the tagline and the menu, adjust the bottom margin here.

    #site-description {
margin-bottom: 50px;
}

    2. To left align the menu items, the following (the second bit left aligns the submenu items if you wish to do that as well).

    #menu li {
float: left;
}

#menu {
text-align: left;
}

    3. I’m not sure what you are asking on this one.

  • Unknown's avatar
    ladyelectronica · Member ·

    Thanks! You rock, thanks for being so fast!

    That seems to undo the margin line that I put in. Is there a particular order these are supposed to appear? Or something I’m supposed to put in between commands?

    This is what I have in my custom design window, but some of it doesn’t seem to be working.

    #header {
    padding-top:70px;
    }

    To adjust the space between the tagline and the menu,adjust the bottom margin here.
    #site-description {
    margin-bottom:50px;
    }

    #menu li {
    float:left;
    }

    #menu {
    text-align:left;
    border-left:none;
    margin-bottom:0;
    }

    .page .entry-meta {
    display:none;
    }

    .hentry .main {
    border-bottom:none;
    }

    .page .hentry .main {
    width:800px;
    }

    #footer {
    margin-bottom:0;
    border:none;
    }

    In regard to question 3. I’m trying to turn the two links on this page into buttons:

    http://ladyelectronica.com/music/

    AUDIO
    VIDEO

    These two hyper links appear on the actual page (not in the menu) and I am wondering how I would turn these into additional menu items on the left side of the page (like having a sub menu of the left instead of a drop down in the main menu,

    Would be great if you know how to do that.

    Cheers,

    Carly

  • Unknown's avatar
    thesacredpath · Member ·

    First off, if this line is in the CSS edit window, “To adjust the space between the tagline and the menu,adjust the bottom margin here.” then remove it.

    Which “margin” line are you talking about?

  • Unknown's avatar
    ladyelectronica · Member ·

    Woops, yes I removed it. I think the term is “side bar” instead of “margin”.

    I’m trying to move all the text on the pages over to the left. I think I had it working before, but doesn’t seem to work anymore.

  • Unknown's avatar
    thesacredpath · Member ·

    This will move the content to the left on static pages only.

    .page #contents {
margin-left: 0;
}

    If you want to get rid of the border to the left of the content on pages, add this declaration to the above.

    border-left: none;

    For the links to the two subpages on “music” just create some buttons, edit that post, upload and insert the images and then link those images to the pages.

  • Unknown's avatar
    ladyelectronica · Member ·

    Thank you! If I wanted to centre the menu instead of having it align left how do I do that?

  • Unknown's avatar
    thesacredpath · Member ·

    Give this a try, but test it out. Add a couple more tabs to the navigation to make sure it stays centered.

    #menu {
text-align: center;
width: 780px;
}

.menu-le-menu-container {
display: inline-block;
}

    Also in the following, reduce the width from 800 to 780px. Due to a margin, the text was going outside of the container.

    .page .hentry .main {
width: 780px;
}

    On a side note, this was one that had escaped me for a long time. I had another procedure, but the problem was it would not work with things that could expand or contract in width, like a menu.

    Please let me know if this works.

  • Unknown's avatar
    ladyelectronica · Member ·

    That’s got it. Thanks for that! Looks fab now.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome, and did you try adding any tabs to see if it stays centered (like I hope it should)?

  • Unknown's avatar
    ladyelectronica · Member ·

    Yeah, I did and it still stays centered if you add more tabs. So the problem is solved :-)

  • Unknown's avatar
    thesacredpath · Member ·

    Thanks for letting me know.

  • Unknown's avatar
    ladyelectronica · Member ·

    For some reason the menu appears centered on Firefox, but it aligns right in Microsoft Explorer. It’s not a big deal for me, but thought I’d let you now.

  • Unknown's avatar
    thesacredpath · Member ·

    Try the following adding the ” !important ” attribute to the text-align declaration in #menu.

    #menu {
text-align: center !important;
width: 780px;
}
  • Unknown's avatar
    ladyelectronica · Member ·

    Thanks! I’ve done that, but will don’t have internet explorer on my mac. I’ll check it when I get to work tomorrow and let you know if that worked.
    C

  • Unknown's avatar
    thesacredpath · Member ·

    There is nothing we’ve done that IE should not recognize. Make sure and clear the cache on IE before viewing the page. IE is notorious for clinging to cached pages.

  • Unknown's avatar
    ladyelectronica · Member ·

    I am wondering how to do a few more things. You’re the wordpress guru, so maybe you know. They may not all be CSS things:

    1. Do you know how to use CSS to change how far apart the pictures display. Have a look at this page –> http://ladyelectronica.com/artists/ I want to make the pictures display together.

    2. Do you know how to make the pictures in columns (same page as above) align to the top of the column?

    3. Do you know how to get rid of the boarder on picture captions? It has a weird white box with curved edges that I can’t get rid of.

    4. Do you know how to change the drop down menu (sub menus) so that they align left rather than right?

    5. On this page http://ladyelectronica.com/studio/gotye-in-the-studio/ the youtube clip doesn’t line up with the other pictures. Is there a way to override this with CSS programming?

    6. On this page http://ladyelectronica.com/music/ I’ve put pictures as AUDIO and VIDEO, but I’d like to make that text that appears. Much in the same format as the sub menu. Is there a way to do this.

    Sorry, I know that’s heaps of things….

    C

  • Unknown's avatar
    thesacredpath · Member ·

    I’m going to shut down shortly and will get to these tomorrow for you.

  • Unknown's avatar
    ladyelectronica · Member ·

    Hey,

    The menu still aligns right in internet explorer, even after clearing the cache and refreshing. It’s weird. I can live with it though.

1 2
  • The topic ‘changing menus on chunk theme’ is closed to new replies.