Changing Button Color

[miket5b7]

From the file “wp-content/themes/sweetdate/assets/styles app.css” I Tried to change the front page Search Button Color to “dc4e02” with the below code. I was unsuccessful. Your help would be greatly appreciated.

Thanks

.form-search.custom div.custom.dropdown ul li.selected:hover { background: #b9f0ff; cursor: default; color: black; }
.form-search .button { background: #dc4e02; border: 1px solid #ffffff; float: left; margin-right: 5px; }
.form-search .button:hover,
.form-search .button:focus { color: white; background-color: #dc4e02; border: 1px solid #ffffff; }
.form-search.custom select {margin-bottom:7px;}
.home #search-bar {border-bottom: 1px solid #ddd;min-height: 48px;}

Attachments:

You must be logged in to view attached files.

[Catalin]

Hello,

Try this instead:

COPY CODE

.button:hover, .button:focus, .form-search .button, .form-search .button:hover
{
   your css code
}

Add this in your style.css file from your child theme.

Thank you,
Catalin

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

[miket5b7]

Thank you, but there was no change in the button color. I simple copied your CSS code, and changed the color. Sorry but I’m not a developer, and have no idea what CSS even stands for.

.button:hover, .button:focus, .form-search .button, .form-search .button:hover
{
.form-search.custom div.custom.dropdown ul li.selected:hover { background: #dc4e02; cursor: default; color: black; }
.form-search .button { background: #dc4e02; border: 1px solid #ffffff; float: left; margin-right: 5px; }
.form-search .button:hover,
.form-search .button:focus { color: white; background-color: #dc4e02; border: 1px solid #ffffff; }
.form-search.custom select {margin-bottom:7px;}
.home #search-bar {border-bottom: 1px solid #ddd;min-height: 48px;}
}

[miket5b7]

Ok this is the fix..it was right in the Sweetdate section “Styling Options”.
I just had to change the color in “Button Hover Background Color”
“Select the background color for your primary button on hover.”

[Author]

Posts