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

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

  • Avatar: Graham
    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

    11 Answers
    Avatar: Rose Tyler
    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://xstore.helpscoutdocs.com/article/45-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

    Avatar: Graham
    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.
    Avatar: Rose Tyler
    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

    Avatar: Graham
    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.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 21, 2018 at 07:22

    Hello,

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

    Regards

    Avatar: Graham
    Graham
    Participant
    May 21, 2018 at 08:37

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 21, 2018 at 09:28

    You’re welcome!
    Have a nice day too.

    Regards

    Avatar: Graham
    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 6, 2018 at 09:07

    Hello,

    Wp-admin credentials are incorrect. Please check them.

    Regards

    Avatar: Graham
    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.
    Avatar: Rose Tyler
    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

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.