Diminish search bar width

  • Resolved hotbuys012

    (@hotbuys012)


    8 years ago

    Hi there!

    I recently installed this theme on my site DianaDeadlifts.com where the search bar box is the correct width, however, when installing this same theme on my other site, DianaAndersonTyler.com, the search bar is rather wide. Is there a way to diminish the search bar width? I have tried custom CSS in both the editor section and in the “custom settings” portion of the customize area and unfortunately am not seeing any change in width on the search bar. Any help?? Thank you!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter hotbuys012

    (@hotbuys012)

    Hi there all,

    Another quick question on the Rad theme…is there a way to change the homepage thin color band that appears directly below the menu. I know that you can change the font, but what about the thin band of color that appears under the menu? See DianaAndersonTyler.com to see what I mean.

    divjotsingh_440

    (@divjotsingh_440)

    Hello @hotbuys012
    The search bar is the longer one because the social icons are disabled. Add the following code to custom CSS to make it shorter-

    #search-wrapper form {
width: 50%;
margin: auto;
}

    Keep in mind that if you enable the Social Icons in the future, then this code might need to be deleted or changed.

    Regarding the color band, add the following code to custom CSS to change the color-

    #top-nav {
border-bottom: solid 4px #123456 !important;
}

    Change the color code with the one you require for your site.

    Divjot

    Thread Starter hotbuys012

    (@hotbuys012)

    Hi there, I also posted another issue I’m having in a separate thread. Thank you again for all of your help as the developer of this theme!! @divjotsingh_440

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Diminish search bar width’ is closed to new replies.