Search Member Horizontal

[trevorali]

Ahoy –

 

I’m having some trouble with the Search Member Horizontal shortcode with the theme.

1. How do I center the search area? Right now is to the left

2. How do I add a background area color the the row? right now it is just a pattern that is generic. I would like it to be a solid color.

3. How do I make the search boxes/ Search icon bigger?

[Laura]

Hello, can you share admin credentials and some screenshots? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trevorali]

Username: trevorali
Password: KxHRTqvh7fDA4J

[Laura]

Hello, this will change the search form and move it to the center:

COPY CODE

form#horizontal_search {
    margin-left: 25%;
}

And this will change the background to a solid color

COPY CODE

#search-bar {
    background: white !important;
}

For the icons size:

COPY CODE

.icon-search:before {
    font-size: 18px;
}

Change the font size a you prefer

Please add those codes to style.css of child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trevorali]

Ahoy! Thanks the first 2 codes worked. For the 3rd request I would like the text size/ input boxes bigger not the icon…

Please advise

[trevorali]

Ahoy! Thanks the first 2 codes worked. For the 3rd request I would like the text size/ input boxes bigger not the icon…

Also how do I make the tect bigger when for the selections one you click on the down arrow?

any way to make some blue padding under the search box as well?

Please advise

[Laura]

Hello, could you specify a bit more? Maybe a reference screenshot? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trevorali]

The same screenshot pertains that I previous added…

[Laura]

Hello, yes but i didnt understand this part

Also how do I make the tect bigger when for the selections one you click on the down arrow?

any way to make some blue padding under the search box as well?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[trevorali]

ok.

so for this section I would like to make this text bigger (text inside the boxes)

I would like the main text bigger
I’m looking for
City
Country

screenshot:https://www.dropbox.com/s/blo848dr3fhx2zq/Screenshot%202015-11-19%2012.36.34.png?dl=0

and also the dropdown text bigger
A Yacht
A RV
Counrty chooice

Screenshot

https://www.dropbox.com/s/jh1l82qkxr84cvd/Screenshot%202015-11-19%2012.33.58.png?dl=0

[Laura]

Hello, this will change the size, you can change it as you prefer

COPY CODE

.custom.dropdown.expand {
    font-size: 20px;
}
.custom.dropdown li {
    font-size: 20px !important;
}
#horizontal_search input {
    font-size: 20px;
}

Please add it to style.css of child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts