Return to previous page

Quick view button color + Menu tag color + Search menu

This topic has 5 replies, 3 voices, and was last updated 7 months, 1 weeks ago ago by thibaultcomte

thibaultcomte

Participant

October 12, 2023 at 16:49

Hello there,

How can you change the color of the quick view button ? (screenshot 1)

How can you change the text of the menu tag (new, sale etc) + the color ? (screenshot 2)

How can you edit the search pop up text etc ? (screenshot 3 )

Thanks,

Please, contact administrator
for this information.

#370017 Copied Theme version: 9.1.14 WooCommerce version: 8.2.0

4 Answers

thibaultcomte

Participant

October 12, 2023 at 17:30

Also how can I edit the blog sidebar ?

Thanks a lot,

#370019 Copied
Tony Rodriguez

Support staff

October 13, 2023 at 06:55
Hello, @thibaultcomte,

Thank you for contacting us and for using XStore.

1) If you are interested in modifying the color of the quick view button, kindly follow the instructions below:

Please copy and paste the provided CSS code into the designated location: XStore > Theme Options > Theme Custom CSS > Global CSS, then publish it.

Here is the CSS code:
```
.woocommerce-shop footer.footer-product span.show-quickly {
    background-color: red !important;
}
```
Please note that you have the option to alter the color in the aforementioned CSS code according to your preferences.

2) a) If you are interested in modifying the text of the menu tag (new, sale etc), we kindly request you to utilize the Loco Translate plugin. This will allow you to alter or translate the menu labels found under the Xstore theme language file.

Please see the attached image for your reference.
https://postimg.cc/k2hrhsZc

For further guidance, please refer to our theme documentation on Base Translation: https://xstore.helpscoutdocs.com/article/30-base-theme-translation

b) Should you desire to modify the colors of your menu labels, kindly replicate and insert the CSS code provided below into the designated location: XStore > Theme Options > Theme custom css > Global css. Once completed, please ensure to publish the changes.
```
span.label-text {
    background-color: yellow !important;
}
```
Please note that the color in the aforementioned CSS code can be altered according to your specific requirements.

3) If you are interested in modifying the search settings, kindly proceed to XStore > Theme Options > Header builder > Search. Here, you will find all the available settings that you can adjust according to your specific needs.

Please refer to the attached image for further guidance.
https://postimg.cc/DJ9zGnFt

4) Should you desire to modify the blog sidebar, kindly proceed to the WordPress dashboard. From there, select ‘Appearance’, followed by ‘Widgets’, then ‘Main Sidebar’. Here, you can add or remove widgets as per your specific needs.

Please refer to the attached image for further guidance.
https://postimg.cc/vgtPg7J9

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team.
#370039 Copied
Rose Tyler

Support staff

October 13, 2023 at 07:01
Hello, Thibaultcomte,

Thank you for contacting us and for using XStore.

1/ Theme Options > WooComerce > Shop > Products design > Hover Color Scheme, or use custom CSS code:
```
.product-view-default .footer-product .show-quickly {
    background-color: brown;
}
```
2/ If you are interested in modifying the text of the menu tag (new, sale etc), we kindly request you to utilize the Loco Translate plugin. This will allow you to alter or translate the menu labels found under the Xstore theme language file.

Colors can be changed using custom CSS code:
```
.menu-label-sale > a .label-text {
    background-color: #11a45d;
    color: white;
}
.menu-label-sale > a .label-text:before {
    border-right-color: #11a45d;
}
.menu-label-new > a .label-text {
    background-color: #11a45d;
    color: white;
}
.menu-label-new > a .label-text:before {
    border-right-color: #11a45d;
}
```
3/ Translate XSore theme and XStore Core plugin – https://xstore.helpscoutdocs.com/article/30-base-theme-translation

4/ Appearance > Widgets > Main sidebar.

Kind Regards,
8theme team
#370040 Copied
thibaultcomte

Participant

October 13, 2023 at 10:24

Thanks both of you for your reply,

Have a great day,

#370069 Copied
Tagged: enhanced ecommerce appearance, menu tag color, quick view button color, search menu, web design customization, woocommerce templates, wordpress customization
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Quick view button color + Menu tag color + Search menu’' has been successfully resolved, and the topic is now closed for further responses

Quick view button color + Menu tag color + Search menu

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection