WordPress.org

Ready to get started?Download WordPress

Forums

how to center search box? (8 posts)

  1. havingfun
    Member
    Posted 1 year ago #

    The search box is touching the very top part of the slide. How can I move it down so it is not touching the top part of the slide? What css or php file do I place code? It is more apparent when you choose a page outside of the homepage.

    http://www.youandthekids.com

  2. jnhghy
    Member
    Posted 1 year ago #

    Hi,
    In style.css at line 217 you have :

    #search form {
    width: 180px;
    height: 28px;
    margin-top: 8px;
    float: left;
    }

    you can increase the margin-top value to 14/15/any desired value,
    but this should be done in a child theme so you won't have to do it each time you update your theme!
    Regards

  3. havingfun
    Member
    Posted 1 year ago #

    jnhghy...thank you so much. It worked perfectly! However I will definately have to familiarize myself with building the child theme. By chance, would you be able to please let me know where to I can place spacing in between the calendar and ad along the sidebar? You will not see it on the homepage but rather on all the pages choosing from the drop down menus.

    youandthekids.com

  4. jnhghy
    Member
    Posted 1 year ago #

    Try adding the fallowing lines to your style.css:
    .widget_calendar ul li { margin-bottom: 30px; }
    This might work if not, leave it this way and let I'll check it to see what's going on.

  5. havingfun
    Member
    Posted 1 year ago #

    jnhghy...got it, the calendar and ad now have proper padding. However, I still would need padding in between photo image and ad within the archives of each page. For example,
    youandthekids.com and then Arts & Crafts>That Was Fun, it will show you the list of posts I have but you can see the ads and photo's require padding in between the two. Is there help to this by chance?

    Thanks in advance...

  6. jnhghy
    Member
    Posted 1 year ago #

    Hi,
    I haven't seen a specific class but I saw that you have a div style="position: static;" if you can find that one you can add to it: "padding: 10px 0;"
    If you want you could probably create a base rule for your ads by adding a div id to wrap them...
    Hope this helps, and don't hesitate to post back,
    Cheers

  7. havingfun
    Member
    Posted 1 year ago #

    jnhghy...I apologize for being pretty novice with all this. So I should place "padding: 10px 0;" directly below the code "position: static;"? If this is correct, do I find and place your suggested code within style.css? Or somewhere else?

  8. jnhghy
    Member
    Posted 1 year ago #

    Hmmm... sorry if I was not exact.
    In the php files you don't have a reference to the div holding the ad for this case so you won't be able to do it by adding code to style.css you'll have to modify the php files. Where you've inserted the ad you need to look at the code and search for the div that holds the ad (if the ad has one->it might be auto generated don't know this...) so : locate the ad search for a div that looks like:
    <div style="position: static;"> ...
    and make it:
    <div style="position: static; padding: 10px 0;"> ...
    Regards

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.