Return to previous page

Arrow element in product section color change

This topic has 5 replies, 3 voices, and was last updated 11 months, 3 weeks ago ago by Rose Tyler

coffeedog

Participant

November 25, 2023 at 11:42

Hi where do I change the color of this element?

more : https://prnt.sc/yt3BZb9Gtf8t

#374730 Copied Theme version: 9.3 WooCommerce version: last

4 Answers
Tony Rodriguez

Support staff

November 25, 2023 at 13:34
Hello, @coffeedog,

Thank you for using our theme and for contacting us.

We trust this message finds you well.

Should you desire to alter the Prev/Next Navigation on the single product page, we kindly ask that you follow the steps outlined below:

1. Please navigate to the “XStore” section within your dashboard.
2. Proceed to “Theme Options.”
3. Locate the “Theme Custom CSS” section.
4. Select “Global CSS.”
5. Copy the CSS code provided below and paste it into the designated area.
6. Ensure to save your changes by clicking “Publish.”

By implementing the aforementioned CSS code, we anticipate that it will effectively address your concern.
```
.single-product span.post-nav-arrow {
    background-color: blue !important;
}
```
Note: You may change the color in CSS code as per your needs.

Should you require any further assistance or have additional inquiries, please do not hesitate to reach out to us.

Warm regards,
The 8Theme Team
#374739 Copied
coffeedog

Participant

November 25, 2023 at 16:20

txh. please add the code for the articles

#374751 Copied

coffeedog

Participant

November 25, 2023 at 20:19

`.posts-nav-btn .post-nav-arrow {
background-color: #DFCAAA !important;
}

I’m trying to do it myself and I can’t… I don’t know what I’m doing wrong

I’m also looking for a solution to this : https://prnt.sc/UYjdCDEtwUDR

I want it bigger and red

#374756 Copied

Rose Tyler

Support staff

November 26, 2023 at 11:36

Hello, @coffeedog,

1/ https://prnt.sc/6e4xb5UVTsrI – as we can see, you already added the code – https://prnt.sc/R6gNwbJZFVMq and it works – https://prnt.sc/aExynOdCXAaZ

2/ Please open up a new topic for a new question – https://www.8theme.com/forums/xstore-wordpress-support-forum/

Warm regards,
The 8Theme Team

#374796 Copied
Tagged: arrow element, best selling, color change, customization, product section, website design, woocommerce themes
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Arrow element in product section color change’' has been successfully resolved, and the topic is now closed for further responses

Arrow element in product section color change

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection