Hi There,
I am using the search style 2 for the Home Page of my Business Directory Theme, and I want to know how I can remove the gray background shown behind the search box and image.
I am sharing the search style 2 code. What changes should I make in order to remove the gray line?
<div class="wlt_object_search_2">
<div class="container">
<div class="row">
<div class="col-md-8"></div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<h3>Website Search</h3>
Search our webiste listings below;
<div class="row">[ADVANCEDSEARCH home=yes]</div>
</div>
</div>
</div>
</div>
</div>
</div>
Richard
@Trina B
Page Setup > Home Page :
Now, click the edit icon where you have placed the ‘search style 2’ widget on the ‘right hand side’ – (not the one in the ‘Display Setup’.
There you will see where you can change it anyway you wish.
HTH
Josh
Hello Trina,
Add the below code under Theme Options >Design Setup >Custom Meta Data >Header Styles
<style>
.wlt_object_search_2 .container {
background: #FFF !important;
}
</style>
Trina B
Hi Josh, Thank you for your help.
I have another question. I am using Text/HTML and I need remove the gray background shown behind.
I’m trying to use the same style supplied in your response but do not know the name of the object for Text/HTML.
<style>
.wlt_object_search_2 .container {
background: #FFF !important;
}
</style>
Attachments:
You must be logged in to view attached files.Josh
Could you provide url please
Trina B
Josh
Try this
<style>
#core_padding .core_section_top_container {
background: #FFF !important;
}
</style>
Trina B
Thanks Josh, I’ve got that working now.
Josh
You’re day 🙂