Return to previous page

Spotlight element change colour and text

This topic has 6 replies, 2 voices, and was last updated 3 weeks, 5 days ago ago by Rose Tyler

dave

Participant

October 24, 2024 at 09:08

Hi,

How do I change the spotlight elements background colour and text? Also I am using gTranslate and it appears to change the spotlight category “new” into “dirty” for some reason?

Files is visible for topic creator and
support staff only.

#420276 Copied Theme version: 9.4.1

5 Answers

Rose Tyler

Support staff

October 24, 2024 at 09:57

Hello, Dave,

Thank you for contacting us and for using XStore.

Could you please provide temporary wp-admin access?

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best regards,
8Theme’s Team

#420285 Copied

dave

Participant

October 24, 2024 at 12:47

Why do you need that? I either need a way to change it via the dashboard or if not then tell me which file to change in CSS?

#420326 Copied

Rose Tyler

Support staff

October 24, 2024 at 13:47

Hello, Dave,

XStore Builders > Archive Products > edit template https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/ > settings of the Spotlight element > style https://prnt.sc/iQUwVoyIMnuQ https://prnt.sc/2JRj9vAnmame

You can disable New and Sale https://prnt.sc/gGsb1ooqBXXP , or translate them using Loco Translate or another plugin. The translation should be done for the XStore theme and Core plugin – https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

Best regards,
8Theme’s Team

#420336 Copied

dave

Participant

October 29, 2024 at 06:21

How do I change the color of the circle “New arrivals”? It is green, the client would like it purple.

Thanks.

#420802 Copied
Rose Tyler

Support staff

October 29, 2024 at 09:14
Hello, Dave,

Custom CSS code can be used to change colors, for example:
```
.etheme-category-grid-image-ghost[data-type=new] {
    background-color: purple;
    --et_link-color: white;
    --et_link-color-hover: white;
}
```
Best regards,
8Theme’s Team
#420817 Copied
Viewing 6 results - 1 through 6 (of 6 total)