Navigation
Archive / How to make Head widget background slightly transparent
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 27, 2016 at 1:56 am #1104695
    Advasa
    Participant

    Hello,

    I am try to make the background of the header widget slightly transparent.
    I have tried this in custom css but it isn’t working:

    .x-widgetbar-inner {
    background:rgba(255, 255, 255, 0.5);
    }

    How can I do this?

    Thanks

    Justin

    July 27, 2016 at 4:33 am #1104837
    Advasa
    Participant
    This reply has been marked as private.
    July 27, 2016 at 6:05 am #1104924
    Thai
    Moderator

    Hi There,

    The provided credentials are incorrect.

    Could you please double check again?

    Thanks.

    July 27, 2016 at 6:27 am #1104958
    Advasa
    Participant
    This reply has been marked as private.
    July 27, 2016 at 8:15 am #1105094
    Friech
    Moderator

    Hi Justin,

    Thanks for the credentials, you can update your css code to:

    
.x-widgetbar, .x-widgetbar-inner {
background:rgba(255, 255, 255, 0.5);
}

    Hope it helps, Cheers!

    July 31, 2016 at 6:16 pm #1111253
    Advasa
    Participant

    That worked, thank you.

    I have a contact form in the header widget and it is aligned to the left. Is there a way for me to have it centered?

    Thanks

    Justin

    July 31, 2016 at 7:33 pm #1111298
    Nico
    Moderator

    Hi There,

    I have already centered your contact form. I added center in your contact form HTML.

    Hope it helps.

    Thanks.

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