Twenty Twelve search button lower than text entry box. (6 posts)

  1. HaHaYouSuck
    Posted 2 years ago #

    I'm not sure if this is a problem with the WP files or the 2012 theme, but the search widget displays the button about 1 or 2 pixels lower than the text entry box. Anyone else has noticed this and or knows the fix?

    WP 3.5
    2012 Theme


  2. Michael
    Forum Moderator
    Posted 2 years ago #

    please post a link to illustrate the problem.

  3. HaHaYouSuck
    Posted 2 years ago #

    I apologize, I probably should have posted this on the theme page.

    Sorry if my web design skills make anyone want to hurl.

  4. Michael
    Forum Moderator
    Posted 2 years ago #

    I also see the input box 1px taller than the submit (FF17 - much worse and the other way round in IE7)

    if you like, play with the paddings and font-sizes in:

    /* Form fields, general styles first */
    textarea {
    	border: 1px solid #ccc;
    	border-radius: 3px;
    	font-family: inherit;
    	padding: 6px;
    	padding: 0.428571429rem;


    /* Buttons */
    article.post-password-required input[type=submit],
    li.bypostauthor cite span {
    	padding: 6px 10px;
    	padding: 0.428571429rem 0.714285714rem;
    	font-size: 11px;
    	font-size: 0.785714286rem;
    	line-height: 1.428571429;
    	font-weight: normal;
    	color: #7c7c7c;

    if you continue to make customisations, consider to create a child theme http://codex.wordpress.org/Child_Themes or to use a custom css plugin; otherwise you might lose the customisationa with the next upgrade.

  5. HaHaYouSuck
    Posted 2 years ago #

    Thanks! Last time I started playing around with child themes (in another thread) my custom menu disappeared. I only have a childish understanding of that.

  6. HaHaYouSuck
    Posted 2 years ago #

    I haven't had desirable results with that. Is it possible the problem lies elswhere? Here's why:

    I just added a search box in my header.php with this:

    <div class="alignright" >
    	<?php get_search_form(); ?>
    </div><!-- .alignright -->

    and it displays exactly the same way.

Topic Closed

This topic has been closed to new replies.

About this Topic