Grow your CSS skills. Land your dream job.

Add SEARCH BAR to header?

  • # November 25, 2011 at 9:53 pm

    Hello, I’m working on the site
    http://www.onedollaronebrick.org

    I would like to edit the header so there is a WordPress search bar horizontally parallel to the Spry menu.

    Additionally, I would like to know how to fix the sidebar blog feed so that it lists the full post text, but also offers an option to read many posts, not just the “Continue reading…” on one.

    Also, is there a way to make WordPress display thumbnail images inside each post of the blog feed?

    Lastly, I was wondering how I might fix the left side of the main content container so it is flush with the header container.

    Style Sheet: http://www.onedollaronebrick.org/style.css

    Thanks!
    Adam

    # November 25, 2011 at 10:52 pm

    Example…


    header-wrap {
    position: relative; /* constrains the absolutely positioned search-bar div */
    overflow: auto; /* clears the floated search-bar div */
    }
    search-bar {
    float: right;
    position: absolute;
    top: 50px; /* Obviously mess with this until it looks like it is aligned properly */
    }



    One Dollar, One Brick








    Also, it is bad practice to leave spaces in image file names! dashes are the best separator.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".