[Hustle] Background not transparent

I am using an image as a button on a slide in n my front page. My image has a transparent background but the container is showing as a grey box. How do I make the container transparent as well? am having the same problem with a transparent image in a sign up embed on the same page..

  • Nastia
    • Support Rock Star

    Hello Joe J

    Hope you're doing well!

    Please try this CSS that will make the background color of this specific slider transparent:

    .wph-modal.module_id_4 .hustle-modal .hustle-modal-body {
        background-color: rgba(56, 69, 78, 0) !important;
    }

    Add the CSS code to theme's CSS editor or from Apperanace > Customizer > Additional CSS.

    Let us know how it went!

    Cheers,
    Nastia

  • Nastia
    • Support Rock Star

    Hello Joe J

    I trust you're doing well!

    For the embed opt-in please try the following CSS code:

    .hustle-modal-image_contain.hustle-modal-mobile_hidden {
        background-color: transparent !important;
    }

    Please note, the !important rule overrides that particular property. So in the future, if you will require to modify this property again, you must edit the code above.

    Let us know how it went!

    Cheers,
    Nastia

  • Joe J
    • Design Lord, Child of Thor

    Worked again! I was a little confused for a moment. I Googled how to put a block comment in the CSS so I would remember what the code was for but forgot to close the comment. Not being a coder it took me a minute to figure out why it did not work!

    Thanks so much!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.