Return to previous page

Changing SUBMIT button on reviews tab - by talonhead

This topic has 13 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Robert Hall

talonhead

Participant

February 29, 2016 at 13:35

Hello guys. I would like to change the color of the SUBMIT button on the “reviews” tab within the single-product page. Also:

Change the text color inside the button.
Change the hover colors of both the button and text inside.

Also, the button to be radiused corners.

I’m basically needing it to match the look of all my other buttons on the site.

What is the code to add for this please? 🙂

Please, contact administrator
for this information.

#115315 Copied

12 Answers
Robert Hall

Support staff

February 29, 2016 at 13:54
Hello,

Please try to add this code in 8theme Options->Styling->Custom CSS->Global Custom CSS.
```
#review_form input[type=submit]{
    border-radius: 5px;
    background-color: #C6C6C6;
}
#review_form input[type=submit]:hover{
    background-color: #444;
color: #c6c6c6 !important;
}
```
Regards,
Robert Hall
#115321 Copied
talonhead

Participant

February 29, 2016 at 15:31

Thanks Robert. Worked just fine. And to change the hover color of the stars to #ad2121 for the rating?

Also, to change the stylings for “Leave a reply”?

Thanks a bunch kind sir!

#115401 Copied
Robert Hall

Support staff

February 29, 2016 at 15:54
Hello,

In this case you should change the star image (star.png file) with your color in wp-content/themes/classico/images/ folder and replace it via FTP.

Also, to change the stylings for “Leave a reply”?

Please use this code in Global Custom CSS
```
.comment-respond h3 {
    color: #B11A1A;
}
```
Regards,
Robert Hall
#115448 Copied
talonhead

Participant

February 29, 2016 at 16:17

Works excellent. Thank you! Now how do I make sure this is kept when I update the theme? Any tips?

#115464 Copied

Robert Hall

Support staff

February 29, 2016 at 16:43

Don’t worry, all the CSS styles placed in Global Custom CSS will not be lost after upgrading the theme in the future!

Regards,
Robert Hall

#115479 Copied

talonhead

Participant

February 29, 2016 at 17:03

lol Sorry…I meant when changing the .png star file. I know that isn’t necessarily kept. 🙂

#115485 Copied

Robert Hall

Support staff

February 29, 2016 at 17:14

In this case we recommend you to use the Child Theme.

Please copy a new star.png file into it saving folder structure like:
wp-content/themes/classico_child/images folder.

Regards,
Robert Hall

#115490 Copied

talonhead

Participant

February 29, 2016 at 21:34

Got it and done. Works fine. I am confused on one thing though.
Why does the child theme take precedence when the call out for the file has been made? They both have the same file structure except one is in the Child…the other in Classico. I hope that made sense.

Thanks for all the help Robert!

#115530 Copied

talonhead

Participant

February 29, 2016 at 21:46

Pretty much along the same platform here as the above “submit” button changes, what would be the code to change the “search” button colors/hover/text color/radius corners on the Search sidebar widget I’m using?
Again, needs to resemble all the other buttons on the site. I hope I”m not missing any other buttons that need a style change.

Thanks so much!

#115533 Copied
Robert Hall

Support staff

March 1, 2016 at 09:02
Hello,

In this case please add the following code in Global Custom CSS
```
.woocommerce.widget_product_search .woocommerce-product-search input[type="submit"]{
    border-radius: 5px;
    background-color: #C6C6C6;
}
.woocommerce.widget_product_search .woocommerce-product-search input[type="submit"]:hover{
    background-color: #444;
color: #c6c6c6 !important;
}
```
Regards,
Robert Hall
#115551 Copied
talonhead

Participant

March 1, 2016 at 14:42

Thank you once again! Perfect.

#115646 Copied

Robert Hall

Support staff

March 1, 2016 at 14:55

You’re welcome!

Regards,
Robert Hall

#115649 Copied
Viewing 13 results - 1 through 13 (of 13 total)