[joshnwarrenParticipant]

Is it possible to add a search button to the revolution slider? I can put a button down that says seach but I don’t know what I’d put in the link attribute to make it bring up that search menu. The website I’m doing this on is northstateoutdoors.com

[ChristopherModerator]

Hi there,

Please check this video tutorial https://www.youtube.com/watch?v=hkk5y5c9590

Hope it helps.

[joshnwarrenParticipant]

Hmm the video search bar didn’t work but I found a template for a slider with a search bar and just copied the code from that.

<form role="search" method="get" id="searchform" class="revtp-searchform" action="http://northstateoutdoors.com"><input type="text" value="" name="s" id="s" placeholder="What are you looking for?" /><input type="submit" id="searchsubmit" value="Find" /></form>

Even though it works, it still looks awful. Is there a way to get it to look the way it does in this demo of the slider: https://revolution.themepunch.com/wordpress-search-form-hero/

[Rue NelModerator]

Hello There,

To have the same styling as the example url, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.revtp-searchform input[type="text"] {
    width: 260px;
    padding: 8px !important;
    font-size: 16px !important;
    border: none !important;
    margin: 0 auto !important;
}

.revtp-searchform input[type="submit"] {
    padding: 10px 12px !important;
    font-size: 16px !important;
    background-color: #009aee !important;
    color: #fff !important;
    text-shadow: none !important;
}

Hope this helps. Please let us know how it goes.

[joshnwarrenParticipant]

It worked great thanks.

[RadModerator]

You’re welcome!

[Author]

Posts