Aligning searchform in center of page

  • drewtrott

    (@drewtrott)


    10 years, 2 months ago

    Hi, I am very new to coding and have no idea where to begin. I want to customize a theme for WordPress for my blog and need to change a few things around.

    I want the seachform at the top of the page to remain constant and in the center of the page, regardless of how wide the browser is.

    The website is http://www.pureplantasy.com

    I also want to remove the transparent bar behind it that turns white when hovering over it. How do I remove this completely.

    I have messed around with the coding when I click ‘Inspect Element’ in Chrome and know the exact coding I need to remove the top bar entirely. But I don’t know how or where to put this coding in the Theme Editor within WordPress..

    Thanks heaps

Viewing 2 replies - 1 through 2 (of 2 total)
  • batharoy

    (@batharoy)

    10 years, 2 months ago

    You would want to use a custom css plugin or child-theme to make the edits. Any edits made to the original files will be overwritten if the theme is upgraded.

    Then for the search just add 100% width.

    #top-search {
    width: 100%;
}

    Thread Starter drewtrott

    (@drewtrott)

    10 years, 2 months ago

    I have made my own child theme and had a few little successes with change the paragraph font and color, but that is all I can manage to change.

    The 100% width option did not work for the topsearch bar, unfortunately

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Aligning searchform in center of page’ is closed to new replies.