Support » Themes and Templates » [Twenty Eleven] – search box, top bar & pagenavi

  • How can I change the position of the search icon in this theme? As you can see here, the new size of the search box doesn’t look good with the image being so far down. It needs to go up a pixel or two. Couldn’t find an option in the css file to do it…

    I would also like to change the pagenavi to appear only on the bottom. At the top the page numbers should be removed.

    As for the top bar, I would like it to appear only for admins. How can I do that?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    Create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter WPuser3

    (@wpuser3)

    Yea, should’ve mentioned it. It is active.

    I couldn’t tell – what with WTC running. 🙂

    Try changing:

    #branding .with-image #searchform {
        bottom: -20px;
        max-width: 175px;
        top: 285px;
    }

    to:

    #branding .with-image #searchform {
        bottom: -20px;
        max-width: 175px;
        top: 272px;
    }
    Thread Starter WPuser3

    (@wpuser3)

    I know, it’s a common problem in these forums. 🙂 No hard feelings, I should’ve mentioned it.

    I’ve changed that from auto, it defines how far the search form is from the top. It doesn’t affect the image.

    Oh! You mean the little magnifying glass?

    input#s {
        background: url("/wp-content/themes/twentyeleven/images/search.png") no-repea 5px 6px transparent;
        border-radius: 2px 2px 2px 2px;
        font-size: 14px;
        height: 22px;
        line-height: 1.2em;
        padding: 4px 10px 4px 28px;
    }

    Change 6px to 4px.

    Thread Starter WPuser3

    (@wpuser3)

    Awesome! Thank you!
    It was a bit confusing since it wasn’t placed under the search category. Somehow I didn’t think of searching for search… Ironic, huh?

    Now I just need help with the pagenavi.

    Shaping my site more to what I see it fit for my blog content. Ran out of better ideas for the menu though, but it looks quite good anyway.

    Awesome! Thank you!

    Firefox with Firebug. Works every time. 🙂

    Not sure what you can do about pagenavi beyond what is configurable within the plugin itself. There’s certainly no easy CSS solution for that.

    Thread Starter WPuser3

    (@wpuser3)

    Thanks for the advice, I will download it in a few minutes to easier my editing. 🙂

    I guess there is a solution in some .php file, though I still haven’t took a look at it. Working on copyrights and other things at the moment. Just posted it as it’s going to take me an hour or so, I’m not a good PHP/CSS/HTMl coder, I can read the code well, but I’ve never learned to actually code. I’m more of a C++ guy.

      Oh! You mean the little magnifying glass?

    where can i find that code, what part of css???? Thank you!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry didn’t know you already had a thread open, Zarecom.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Twenty Eleven] – search box, top bar & pagenavi’ is closed to new replies.