Code in Global CSS doesn't work

[ahmeisa]

Hi, when I add the below code in Pro > Theme Options > Global CSS it never works at all, however when I add it to Appearance > Customize > Custom > Edit GLOBAL CSS it works fine with no problem at all.

any advice, please?

.woocommerce div.product .summary {
float: none;
width: 100%;
}

[ruenel]

Hello Ahmed,

Thanks for writing in!

This is the heirachical order of the CSS:

• Theme’s stack style
• Child theme’s style.css
• WordPress Additional CSS (Appearnce > Customizer > Additional CSS)
• Theme Options
• Theme Option’s custom css
• Cornerstone/Pro Editor’s custom CSS

Your code did not work because you added this:

//product page
.woocommerce div.product .summary {
  float: none;
  width: 100%;
}

The invalid comment is making the rest of the custom css invalid as well. You should have added this:

/* product page */
.woocommerce div.product .summary {
  float: none;
  width: 100%;
}

Hope this helps.