Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1300586
    MakkBlakk
    Participant

    Hi
    I am having an issue with getting a 3rd Party plug in to allow a background Image / Colour.

    This applies to the Checkout page only

    Is there a way through css to force a background to be Black?

    I don’t necessarily require it to be an image.

    Also they say that the buttons used in their plug in should pick up the sites theme… this is not happening. Would there be a reason within the sites code that stops this?

    Regards

    Mark

    #1300591
    MakkBlakk
    Participant
    This reply has been marked as private.
    #1300649
    Christian
    Moderator

    Hey Mark,

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    .postid-1685 {
        background-color: black
    }

    Thanks.

    #1300765
    MakkBlakk
    Participant

    Brilliant Thank you

    Any ideas on the buttons?

    #1300883
    Darshana
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    
    .bwge_remove_checkout_btns > input {
        background-color: #000000;
        color: #ffffff;
    }
    

    Hope that helps.

    #1300992
    MakkBlakk
    Participant
    This reply has been marked as private.
    #1301326
    Lely
    Moderator

    Hello Mark,

    For the first screenshot, please use this:

    .bwge_ecommerce_panel input[type="button"] {
        background-color: #ffffff;
        color: #000000;
    }

    For screeenshot 2 checkout page, try this:

    .bwge_ecommerce_page-template-default input[type="button"] {
        background-color: #000000;
        color: #ffffff;
    }

    Both of that CSS will not affect the menu color.

    Hope this helps.

    #1301571
    MakkBlakk
    Participant

    HI
    Screen 2 seems ok but screen 1 no change

    Mark

    #1301633
    Paul R
    Moderator

    Hi Mark,

    You can try this code instead.

    
    .bwge_ecommerce_panel input[type="button"] {
        background-color: #fff !important;
        color: #000 !important;
    }
    

    Hope that helps.

    #1301927
    MakkBlakk
    Participant

    Hi
    No this did not work either

    The white buttons appeared briefly but the Uber menu changed again. I removed the code and then tried adding again but cannot see the same result.

    so same as before now screen 2 still works but screen 1 no change.

    Mark

    #1302128
    MakkBlakk
    Participant

    Hi
    A further update

    I tried again and added the code. This time all seems ok. There is a bug that has cropped up on the plug in that was not there before but I have asked the plug in developer to take a look first.

    I will update you once this has been resolved.

    Thanks again !

    Mark

    #1302293
    Lely
    Moderator

    Ok then Mark!

    Hope this will be sorted out soon.

  • <script> jQuery(function($){ $("#no-reply-1300586 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>