New Landing › How can we help? › Themeforest Theme Support › Joyn › Custom CSS Can't Override Live Color Customizer

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Joyn
  • February 24, 2015 at 6:06 pm #152853
    Adora
    Member
    Post count: 22

    Hi dear support,

    I used Live Color Customizer to define the color scheme. When I want to override a specific class in custom css, like the onsale span, I can’t override because LCC defined the styles with !important declarations. (reference attachment)

    Tried to delete certain color entries within LCC, also tried to reset the color scheme section but the result didn’t change.

    Any ideas? Thanks.

    Attachments:
    You must be logged in to view attached files.
    February 25, 2015 at 5:39 am #152928
    Adora
    Member
    Post count: 22

    Since posting on this, we’ve tried to use child theme, disabling functions and stuff to no avail. I just can’t get rid of generated styles in row 163 (attachment), which is sequentially later than custom styles.

    Please advise.

    Attachments:
    You must be logged in to view attached files.
    February 25, 2015 at 5:41 am #152930
    Adora
    Member
    Post count: 22
    This reply has been marked as private.
    February 25, 2015 at 6:21 am #152941
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce .onsale{
background:#ff0000 !important;
}

    Thanks
    Mohammad

    February 25, 2015 at 6:32 am #152942
    Adora
    Member
    Post count: 22

    Hi Mohammad,

    i tried that earlier and just, again, it doesn’t work. If you would refer to the attachment page-source – the custom css ends on row 160, and it gets overridden by another style declaration with !important on row 163, which presumably is defined by the Customizer. This voids the majority of woocommerce custom css i’ve been trying to write.

    Please help, thanks.

    February 25, 2015 at 8:43 am #152961
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try this custom css code:-

    .woocommerce span.onsale{
background:#ff0000 !important;
}

    Thanks
    Mohammad

    February 25, 2015 at 9:10 am #152968
    Adora
    Member
    Post count: 22

    Thanks but I tried that.

    As I wrote above, the entire custom css (not just .onsale) gets overridden (not overwritten) by the Customizer options – which we can’t delete/disable.

    Is this a bug? May we get some dev attention? 🙂

    February 25, 2015 at 9:12 am #152972
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Do you want to change the background color of sale badge?
    Thanks
    Mohammad

    February 25, 2015 at 9:26 am #152978
    Adora
    Member
    Post count: 22

    Yes. As well as many other elements of the shop page and rest of theme…

    Trust me, we wish it was as simple as adding the respective custom css but it doesn’t work.

    The problem lies in the LCC generated styles which is
    1) stacked AFTER custom css (as you can see in page source attachment)
    2) declared with !important in many instances
    This renders the custom css ineffective.

    February 25, 2015 at 9:38 am #152982
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    What do you mean by LCC?
    Thanks
    Mohammad

    February 25, 2015 at 9:42 am #152984
    Adora
    Member
    Post count: 22

    Hi Mohammad,

    The Live Color Customiser (see live-color-customizer.jpg attachment in top of this thread). Thanks.

    February 25, 2015 at 10:47 am #153013
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please add this code at functions.php.

    remove_action( 'wp_head', 'sf_custom_styles' );
add_action( 'wp_footer', 'sf_custom_styles' );

    Thanks
    Mohammad

  • Back to forum
    Posted in: Joyn
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register