1. HOT Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi Login Customizer Plugin - White-label your Wordpress login page for your Divi site.
View premade login page design
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Need help with Divi for Woocommerce (cart colour, buttons, cart icon)

Discussion in 'Free Divi Community Forum' started by Charisse, Jan 5, 2018.

  1. Charisse

    Charisse New Member

    Hey Guys,

    Needing help with the following:

    How do I change the "added to cart" and "coupon code" sections, their colour is blue and I need to change it.

    On mobile view my cart icon isn't showing up, is there any way to put this in the secondary header and not the menu?

    How do I change button colours on my woocommerce cart since it's been created through divi, I'm doing touch ups as my developer has gone MIA.

    On mobile view my apply coupon button is cut off and im not sure how to fix it.

    Any help is appreciated!

    Thank yoU!!
     
    #1 Charisse, Jan 5, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly provide a link to your site.
     
    #2 Divi.Help, Jan 5, 2018
  3. Charisse

    Charisse New Member

    It's under maintenance but I can provide screenshots if that helps
     
    #3 Charisse, Jan 6, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    I'll try to answer some of your questions.

    Try this custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Try this custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Not sure which button are you referring to. Some screenshot would be helpful.

    Some screenshot would be helpful as well.
     
    #4 Divi.Help, Jan 6, 2018
  5. Charisse

    Charisse New Member

    Thanks so much!! Here you go. These are some of the issues my client saw from mobile.

    In regards to the colours the purple one should have white text etc. The blue should be purple or green but can't change it for the life of me.

    Hope these help Screenshot_20180105-143105.png Screenshot_20180105-142609.png Screenshot_20180105-142559.png Screenshot_20180105-142530.png
     
    #5 Charisse, Jan 6, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Have you tried this custom CSS to change the color of the woocommerce notification bar:
    Code:
    Log In or Sign Up to view this code.
    Next thing you want to do is go to Theme Customizer -> General Settings -> Layout Settings -> Theme Accent Color -> Change it to your purple color.

    While for the Apply Coupon button, you can only try to make the font-size & padding smaller to avoid cropping.
     
    #6 Divi.Help, Jan 6, 2018
  7. Charisse

    Charisse New Member

    Thank you so much! will do these updates tonight and let you know how i go! I may need more help so will leave this as unsolved for now!
     
    #7 Charisse, Jan 7, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  8. Charisse

    Charisse New Member

    Ok so the colour code worked for the popups! Thanks!

    Is there any way to just add the cart button to mobile with that code and not the facebook button again? because the code works but as the fb button is already there it doubles it.

    Also anyone know how I can change the Apply Coupon button to just apply? Thinking that might solve my issue!
     
    #8 Charisse, Jan 7, 2018
  9. Charisse

    Charisse New Member

    Anyone know how to remove the second FB icon on Mobile view once that cart icon is inplace?
     
    #9 Charisse, Jan 7, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  10. Charisse

    Charisse New Member

    double.JPG
     
    #10 Charisse, Jan 7, 2018
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    I would need to access the website to give you the correct CSS fix for the Facebook icon. Otherwise, I can't assist you on that.
     
    #11 Divi.Help, Jan 7, 2018
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  12. Charisse

    Charisse New Member

    Hi there! we have come up with a solution to just move the icon and have the cart in the menu on mobile only, she is happy with that.

    Any solution to remove some of this padding under the email? Header.JPG
     
    #12 Charisse, Jan 8, 2018
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    Still need access to the site to give you solution for that padding under the email though.
     
    #13 Divi.Help, Jan 8, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)