Help with custom theme mods

  • Resolved ps1

    (@ps1)


    12 years, 9 months ago

    Hi,

    I am building a photo gallery blog page and need a bit of help to keep things going. I am getting there slowly getting it to look the way I want but having a few problems.

    Website: https://icbweb.com/photo/

    I have named my theme custom1. The original twenty eleven theme in the installation is untouched.

    I need to

    I want to move the navigation menu to the top of the page above the header and align it to the right hand side so the “t” in the Contact menu item is aligned with the right edge of the rotator. I have a custom banner size of 1000 X 60 px.

    If you click on the galleries menu then on NSW Hillclimb Championship or NSW Hillclimb 2012 menu option and go to those pages it has text at the top saying

    “Category Archives: NSW Hillclimb Championship”

    I would like to remove that text.

    I have looked and tried various suggestions but could not get it to work the way I wanted. Once I get this sorted I can move onto the next tasks I need to do. I would prefer a solution to comment out the code rather than just delete or use a plugin. But if they are the only options I will do it. I just appreciate this facility is here for help.

    Many thanks in advance for any assistance

    Cheers

Viewing 6 replies - 1 through 6 (of 6 total)

  • You can do some of what you want by adding this CSS to the style.css file:

    .page-title {
   display: none;
}

#branding .only-search + #access div {
    padding: 0;
}

#access ul {
    float: right;
}

    Note that the first one will also remove page titles on other pages — anything with that class — so you’ll have to check on that.

    Then, to move the menu above the header, you’ll need to modify the header.php file — just move the #access div above the hgroup div.

    Thread Starter ps1

    (@ps1)

    Thanks for that WPyogi. Definitely a few steps closer. The first bit of code worked perfectly.

    As you can see I got the nav menu to move right but not quite to the edge.

    I tried moving the </nav><!– #access –> line in header.php above the hgroup but no luck with that. The header image is still above the menu. I even tried it right at the top of the page with no luck.

    Thanks

    Okay, try adding this:

    `
    #access div {
    margin: 0;
    }
    ‘

    On moving the menu — did you move the entire section in the #access div? Starting with this line:
    <nav id="access" role="navigation">
    and ending with this line:
    </nav><!-- #access -->

    It should go right below this line:
    <header id="branding" role="banner">

    Make sure that’s saved and then try clearing your browser cache if it’s not visible.

    Thread Starter ps1

    (@ps1)

    Very well spotted. No I did not do it that way. I just then did it the way you said in the last post and it worked. Thank you so much. Just have to work out how to get the menu all the way over to the right.

    Once again thanks you have helped me immensely

    The CSS in my last post should move the menu all the way over…it’s still there — line 81 of style.css — make the margin zero.

    Thread Starter ps1

    (@ps1)

    Did the trick thank you. All issues in post resolved

    Cheers

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Help with custom theme mods’ is closed to new replies.