Changing the color of the borders in the Shopping Cart & Check Out pages ONLY - Support

Hey BeyondMS,

Thank you for using Enfold.

The borders of the product and cart page look the same when I checked.

Screenshot: https://imgur.com/a/RJb46cQ

The checkout page looks the same. Please provide a screenshot of the issue.

Best regards,
Ismael

July 14, 2018 at 2:28 am #985359

Hey! Maybe I was not clear, but the borders on the entire page are black right now.

I want the borders everywhere to be light grey BUT the ones on the cart & checkout pages to be black.

Shopping page (borders are black, ugly I want them ##F7F7F7) https://familyrich.com/mens/

July 16, 2018 at 3:57 am #985820

Hi,

Set the Enfold > General Styling > Main Content > Border Colors to #F7F7F7 and then add this css code on the Quick CSS field.

.woocommerce-cart .main_color, .woocommerce-cart .main_color div, .woocommerce-cart .main_color header, .woocommerce-cart .main_color main, .woocommerce-cart .main_color aside, .woocommerce-cart .main_color footer, .woocommerce-cart .main_color article, .woocommerce-cart .main_color nav, .woocommerce-cart .main_color section, .woocommerce-cart .main_color span, .woocommerce-cart .main_color applet, .woocommerce-cart .main_color object, .woocommerce-cart .main_color iframe, .woocommerce-cart .main_color h1, .woocommerce-cart .main_color h2, .woocommerce-cart .main_color h3, .woocommerce-cart .main_color h4, .woocommerce-cart .main_color h5, .woocommerce-cart .main_color h6, .woocommerce-cart .main_color p, .woocommerce-cart .main_color blockquote, .woocommerce-cart .main_color pre, .woocommerce-cart .main_color a, .woocommerce-cart .main_color abbr, .woocommerce-cart .main_color acronym, .woocommerce-cart .main_color address, .woocommerce-cart .main_color big, .woocommerce-cart .main_color cite, .woocommerce-cart .main_color code, .woocommerce-cart .main_color del, .woocommerce-cart .main_color dfn, .woocommerce-cart .main_color em, .woocommerce-cart .main_color img, .woocommerce-cart .main_color ins, .woocommerce-cart .main_color kbd, .woocommerce-cart .main_color q, .woocommerce-cart .main_color s, .woocommerce-cart .main_color samp, .woocommerce-cart .main_color small, .woocommerce-cart .main_color strike, .woocommerce-cart .main_color strong, .woocommerce-cart .main_color sub, .woocommerce-cart .main_color sup, .woocommerce-cart .main_color tt, .woocommerce-cart .main_color var, .woocommerce-cart .main_color b, .woocommerce-cart .main_color u, .woocommerce-cart .main_color i, .woocommerce-cart .main_color center, .woocommerce-cart .main_color dl, .woocommerce-cart .main_color dt, .woocommerce-cart .main_color dd, .woocommerce-cart .main_color ol, .woocommerce-cart .main_color ul, .woocommerce-cart .main_color li, .woocommerce-cart .main_color fieldset, .woocommerce-cart .main_color form, .woocommerce-cart .main_color label, .woocommerce-cart .main_color legend, .woocommerce-cart .main_color table, .woocommerce-cart .main_color caption, .woocommerce-cart .main_color tbody, .woocommerce-cart .main_color tfoot, .woocommerce-cart .main_color thead, .woocommerce-cart .main_color tr, .woocommerce-cart .main_color th, .woocommerce-cart .main_color td, .woocommerce-cart .main_color article, .woocommerce-cart .main_color aside, .woocommerce-cart .main_color canvas, .woocommerce-cart .main_color details, .woocommerce-cart .main_color embed, .woocommerce-cart .main_color figure, .woocommerce-cart .main_color fieldset, .woocommerce-cart .main_color figcaption, .woocommerce-cart .main_color footer, .woocommerce-cart .main_color header, .woocommerce-cart .main_color hgroup, .woocommerce-cart .main_color menu, .woocommerce-cart .main_color nav, .woocommerce-cart .main_color output, .woocommerce-cart .main_color ruby, .woocommerce-cart .main_color section, .woocommerce-cart .main_color summary, .woocommerce-cart .main_color time, .woocommerce-cart .main_color mark, .woocommerce-cart .main_color audio, .woocommerce-cart .main_color video, #top .woocommerce-cart .main_color .pullquote_boxed, .responsive #top .woocommerce-cart .main_color .avia-testimonial, .responsive #top.avia-blank #main .woocommerce-cart .main_color.container_wrap:first-child, #top .woocommerce-cart .main_color.fullsize .template-blog .post_delimiter, .woocommerce-cart .main_color .related_posts.av-related-style-full a {
  border-color: #969196;
}

.woocommerce-checkout .main_color, .woocommerce-checkout .main_color div, .woocommerce-checkout .main_color header, .woocommerce-checkout .main_color main, .woocommerce-checkout .main_color aside, .woocommerce-checkout .main_color footer, .woocommerce-checkout .main_color article, .woocommerce-checkout .main_color nav, .woocommerce-checkout .main_color section, .woocommerce-checkout .main_color span, .woocommerce-checkout .main_color applet, .woocommerce-checkout .main_color object, .woocommerce-checkout .main_color iframe, .woocommerce-checkout .main_color h1, .woocommerce-checkout .main_color h2, .woocommerce-checkout .main_color h3, .woocommerce-checkout .main_color h4, .woocommerce-checkout .main_color h5, .woocommerce-checkout .main_color h6, .woocommerce-checkout .main_color p, .woocommerce-checkout .main_color blockquote, .woocommerce-checkout .main_color pre, .woocommerce-checkout .main_color a, .woocommerce-checkout .main_color abbr, .woocommerce-checkout .main_color acronym, .woocommerce-checkout .main_color address, .woocommerce-checkout .main_color big, .woocommerce-checkout .main_color cite, .woocommerce-checkout .main_color code, .woocommerce-checkout .main_color del, .woocommerce-checkout .main_color dfn, .woocommerce-checkout .main_color em, .woocommerce-checkout .main_color img, .woocommerce-checkout .main_color ins, .woocommerce-checkout .main_color kbd, .woocommerce-checkout .main_color q, .woocommerce-checkout .main_color s, .woocommerce-checkout .main_color samp, .woocommerce-checkout .main_color small, .woocommerce-checkout .main_color strike, .woocommerce-checkout .main_color strong, .woocommerce-checkout .main_color sub, .woocommerce-checkout .main_color sup, .woocommerce-checkout .main_color tt, .woocommerce-checkout .main_color var, .woocommerce-checkout .main_color b, .woocommerce-checkout .main_color u, .woocommerce-checkout .main_color i, .woocommerce-checkout .main_color center, .woocommerce-checkout .main_color dl, .woocommerce-checkout .main_color dt, .woocommerce-checkout .main_color dd, .woocommerce-checkout .main_color ol, .woocommerce-checkout .main_color ul, .woocommerce-checkout .main_color li, .woocommerce-checkout .main_color fieldset, .woocommerce-checkout .main_color form, .woocommerce-checkout .main_color label, .woocommerce-checkout .main_color legend, .woocommerce-checkout .main_color table, .woocommerce-checkout .main_color caption, .woocommerce-checkout .main_color tbody, .woocommerce-checkout .main_color tfoot, .woocommerce-checkout .main_color thead, .woocommerce-checkout .main_color tr, .woocommerce-checkout .main_color th, .woocommerce-checkout .main_color td, .woocommerce-checkout .main_color article, .woocommerce-checkout .main_color aside, .woocommerce-checkout .main_color canvas, .woocommerce-checkout .main_color details, .woocommerce-checkout .main_color embed, .woocommerce-checkout .main_color figure, .woocommerce-checkout .main_color fieldset, .woocommerce-checkout .main_color figcaption, .woocommerce-checkout .main_color footer, .woocommerce-checkout .main_color header, .woocommerce-checkout .main_color hgroup, .woocommerce-checkout .main_color menu, .woocommerce-checkout .main_color nav, .woocommerce-checkout .main_color output, .woocommerce-checkout .main_color ruby, .woocommerce-checkout .main_color section, .woocommerce-checkout .main_color summary, .woocommerce-checkout .main_color time, .woocommerce-checkout .main_color mark, .woocommerce-checkout .main_color audio, .woocommerce-checkout .main_color video, #top .woocommerce-checkout .main_color .pullquote_boxed, .responsive #top .woocommerce-checkout .main_color .avia-testimonial, .responsive #top.avia-blank #main .woocommerce-checkout .main_color.container_wrap:first-child, #top .woocommerce-checkout .main_color.fullsize .template-blog .post_delimiter, .woocommerce-checkout .main_color .related_posts.av-related-style-full a {
  border-color: #969196;
}

Best regards,
Ismael

July 18, 2018 at 7:09 pm #987141

Hey, thanks for your response!
Unfortunately, this did not work.

What the recommended code changed:
– Header Border (black)
– Header when scrolling is now transparent
– Menu Items text (purple)
– Social profiles
– Product pricing Green

The suggested change did not change the shopping cart it is still light gray.

July 19, 2018 at 12:39 pm #987358

Hi,

Are you sure that you’ve added the code properly? It should not affect the header or the text because we just set the “border-color” property of the containers with the main_color class attribute to “#969196”. It should not set the main menu text to “purple” or the product pricing to “green”. It will also not affect the rest of the pages other than the checkout and cart pages.

Best regards,
Ismael

July 19, 2018 at 4:52 pm #987482

Right? I read the code and I was wondering why it made those changes.

This morning, I deleted the code above and the changes that happened stayed. Not good! The changes did not go back to how it was before? :(

For example, the page has a sticky, transparent header now. BEFORE it did not! All links in the header are also BLUE? Before they were not that color. The header now also has a black border, before it did not. All the settings in the ENfold > General > Logo area are set to random colors so that I can see the changes but nothing in the header is changing colors. There is nothing in the ‘Advanced Styling’ blocking it also.

I’ve attached a username & login for you to check it out

July 20, 2018 at 2:17 pm #987840

Hi,

There were missing curly braces in the Quick CSS field and it broke the layout of the site. We fixed that.
Please check the color values in the General Styling panel. The “Logo Area” is set to various colors. Is that supposed to be like that?

Restore the site from a previous version if you have created a backup or a restore point and then upgrade the theme to version 4.4.1.

Best regards,
Ismael

July 20, 2018 at 4:29 pm #987899