Return to previous page

How to set site background color for specific pages? Please help

This topic has 12 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

Graham

Participant

April 26, 2018 at 19:26

Hi there,

Can you please let me know how to change the site background color for specific pages:

For example:
1. https://ibb.co/iuSFZH
The cart page background color

2. https://ibb.co/eeWQZH
The cart drop-down menu area background color

Thanks and Regards
Graham

#192028 Copied

11 Answers
Rose Tyler

Support staff

April 27, 2018 at 07:24
Hello,

1. Please go to Edit page > [8theme] Layout options > http://prntscr.com/jaorva
Read more – https://www.8theme.com/documentation/xstore/theme-installation/8theme-page-post-layout-settings-8theme-post-options/
2. Your site under maintenance mode, so I can’t check it.
Please try this code:

.shopping-container .cart-popup-container { background-color: red; border-color: red; }

Regards
#192035 Copied
Graham

Participant

April 27, 2018 at 09:12

Thanks for your advice!

1. I have tried to change the background color for the “Cart” page in —Page—Layout options; however, I have then refreshed the page for a few times, but the background doesn’t change.
(I have attached the WordPress login credentials in the private section, could you pls help to have a check? )

2. Thank you! it worked great, just one more quick question:
https://ibb.co/f0bVmx
The text color, size, and padding etc styling appears to be messy, can you pls let me know how can I change them?

Thanks again!
Regards
Graham

Please, contact administrator
for this information.

#192045 Copied

Rose Tyler

Support staff

April 27, 2018 at 10:16

Hello,

1. Please check now. I’ve uploaded an image – http://prntscr.com/jaqqql
2. 1) Please explain the desired result.
2) We have 3 types of buttons on our site – light (for example http://prntscr.com/hdcwhy), dark (for example http://prntscr.com/hdcwxi), active (for example http://prntscr.com/hdcx3r).
Button text color can be changed in Theme Options > Styling -> Content > Customize buttons.
In your case, set Button text color in Active buttons options.

Regards

#192050 Copied

Graham

Participant

May 19, 2018 at 06:45

Hi there, (Regarding the button text color)

Sorry to bother again, I have tried to edit the “Button Text Color” in the theme settings.
Screenshot: https://ibb.co/iAGVrT

And when back to the “Cart page” the button text color still kept to be “Pink”.
Screenshot of Cart Page: https://ibb.co/h9h3BT
Screenshot of the Cart Drop-down: https://ibb.co/jSuiBT

Can you pls check and let me know is there anything I have missed out to edit?
Thanks very much
Kind Regards
Graham

Please, contact administrator
for this information.

#193250 Copied Theme version: LATEST WooCommerce version: Latest Version

Rose Tyler

Support staff

May 21, 2018 at 07:22

Hello,

Please delete or change this css code – https://prnt.sc/jkicaq

Regards

#193266 Copied

Graham

Participant

May 21, 2018 at 08:37

Thank you very much
Problem resolved!
Have a Good day 🙂

#193280 Copied

Rose Tyler

Support staff

May 21, 2018 at 09:28

You’re welcome!
Have a nice day too.

Regards

#193295 Copied

Graham

Participant

June 5, 2018 at 21:10

Hi, there

I’m having a same background issue with the “Wishlist Dropdown Menu”,
According to what you have suggested in #192035:
.shopping-container .cart-popup-container {
background-color: red;
border-color: red;
}

Question
1. Can you please let me know how to change the background color for the “Wishlist Dropdown”?
Screenshot: https://ibb.co/eVpc8T

2. The wishlist page shows up the site name incorrectly, do I need to change the site name elsewhere except in Settings?
Screenshot: https://ibb.co/c5dyF8

Thank you
Regards
Graham

#194353 Copied

Rose Tyler

Support staff

June 6, 2018 at 09:07

Hello,

Wp-admin credentials are incorrect. Please check them.

Regards

#194381 Copied

Graham

Participant

June 6, 2018 at 10:20

Sorry,

Please try this new WP login credential attached here below

Thank you!
Regards
Graham

Please, contact administrator
for this information.

#194392 Copied
Rose Tyler

Support staff

June 6, 2018 at 10:43
1. Please change this custom css code:

.shopping-container .cart-popup-container { background-color: #24102c; border-color: #24102c; }

to

.shopping-container .cart-popup-container, .et-wishlist-widget .wishlist-dropdown { background-color: #24102c; border-color: #24102c; }

2. http://prntscr.com/jrisn2

Regards
#194399 Copied
Viewing 12 results - 1 through 12 (of 12 total)