Return to previous page

How to change colour in price in the shop archive page.

This topic has 6 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Tony Rodriguez

Lasitha851

Participant

October 27, 2022 at 09:18

Hi,

Q1. How to change colour in price.
https://i.postimg.cc/Y0mxn98c/image.png

Q2. how to chege navigation colour and size. check this page nav bar. It’s now showing properly.
https://i.postimg.cc/Y0mxn98c/image.png

Q3. can’t find a way to change these footer link colurs. I have used elementor footer.
https://i.postimg.cc/DwBnyyd3/image.png

Thank you.

Please, contact administrator
for this information.

#337423 Copied Theme version: 8

5 Answers
Tony Rodriguez

Support staff

October 27, 2022 at 10:21
Hello, @Lasitha851,

1. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and change the value of the color in the code as per your requirements.
```
span.woocommerce-Price-amount.amount {
    color: red !important;
}
```
2. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and change the value of the color and font size in the code as per your requirements.
```
.arrows-hovered .arrow-left, .arrow-right {
    color: red !important;
}
.arrows-hovered .hover-effect-slider .sm-arrow:before {
    font-size: 40px !important;
}
```
3. You have to edit that footer using the Elementor Page builder and change the color of the links as per your requirements, If you are unable then please share your site WP Admin URL and Credentials with me here, in the private content area of this topic, so that I will check it for you and help you out.

WP Admin URL:
WP Admin Username:
WP Admin Password:

Regards 8Themes Team.
#337427 Copied
Lasitha851

Participant

October 28, 2022 at 05:19

add details in private

Please contact administrator
for this information.

#337469 Copied

Tony Rodriguez

Support staff

October 28, 2022 at 08:52

Hello, @Lasitha851,

3. I have debugged your site deeply and found that you are using multiple third-party plugins, like CSS Origin, Yellow Pencil, etc, and also using Custom Code as well, also you have the server cache CDN and cache plugins as well, so my conclusion is, that hover color is coming from any third party plugin.

Could you please once check by deactivating the third-party plugins one by one and check which one is creating that issue on your site?

Regards 8Themes Team.

#337484 Copied
Lasitha851

Participant

November 3, 2022 at 05:48
Q2 –
I need change colur and size in nav bar. check this image.
https://i.postimg.cc/bwgkhJQV/image.png

but it’s not a man nav bar. It’s working.
https://i.postimg.cc/zXtqYYyS/image.png

when you scrol down and then scrol up. now you can see this nav bar.

Q3. I have disable yellow pencil plugin. CSS origin. in there. you can check css origin.
```
.footer-product .show-quickly:hover {
  float: right;
}

.single-product-center .product-summary-center,
.single-product-center .product-images,
.single-product-center .product-information {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.footer-product .button {
  font-size: 0px;
}
```
these lins only in there.

Q4
same issue in the mobile nav also.
main navigation ok it’s working. but scrol up navigation in orange colur. I need to chege it also blue colur.
https://i.postimg.cc/P5BRsST5/image.png

https://i.postimg.cc/hvy2Cr2g/image.png
#337775 Copied
Tony Rodriguez

Support staff

November 3, 2022 at 09:00

Hello, @Lasitha851,

2- I have changed the background color of the sticky header from the theme options >> header builder >> sticky header see image: https://postimg.cc/bd64TB4g and here is the resulting image: https://postimg.cc/w3dDrxYT

3- Your site has a strong cache on the server so the changes from the page builder plugin are not appear on the site. please try to contact your service provider to flush the server cache and disable the cache system until your site is in development mode. Also, If you want to make it work using custom CSS code then simply go to the Dashboard >> XStore >> Theme Settings >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

.footer-lingerie a:hover{color:red !important;}

Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/LqqTByKq

Note: in the above code the word “red” is the color you can change it with you want.

4- From the same option I just choose the mobile version and set the color as you can see in this image: https://postimg.cc/zbPZV2rx and here is the resulting image: https://postimg.cc/bdTLHSSj

Regards 8Themes Team.

#337792 Copied
Tagged: change color, price, shop archive, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)