Search Widget Background Colour

Travelify
1

Hello,

I have tried to change the background colour of the search widget to no avail, I have read through and tried some suggestions and it is not working for me, I would also like to maybe change the background of the Recent Post widget as well, thanks in advance.

Howard

2

Hi Howard,

I hope you are well today and thank you for your question.

You can change the background colour of the search widget and Recent Post widget by using the following CSS code respectively.

.widget_search {
  background: #57ad68;
}

.widget_recent_entries {
  background: #57ad68;
}

Just try adding the above CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Customize -> Travelify Other Options

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

3

Hi Movin,

Still no luck making the changes, not sure what is going wrong.

Howard

4

Hi Howard,

Could you please share the page URL from your site where you are displaying the search widget so that i can troubleshoot what is going wrong there?

Regards,
Movin

5

http://www.thingstodoinjamaica.sandcastlesvacationsochi.com/

Howard

6

Hi Howard,

Thank you for sharing the site URL.

Could you please try using the following CSS code replacing previously provided code?

.widget.widget_search {
  background: #57ad68;
}

.widget.recent-posts-extended,
.widget.widget_recent_entries {
  background: #57ad68;
}

Best Regards,
Movin

7

Movin,

Thanks it worked, will decide which colour to use.

Howard

8

You are most welcome here :slight_smile: