Navigation
Archive / Transparent container and navbar in Icon 5
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 4, 2016 at 10:52 am #1202148
    KortStin21
    Participant

    Hello,

    I am currently using the Icon 5 demo as a basis for my website with the X Theme. I was curious if there is a way to make the center containers and the fixed right navbar/header have a slightly transparent bacground, instead of a solid white background?

    October 4, 2016 at 11:50 am #1202233
    Thai
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    October 4, 2016 at 12:40 pm #1202293
    KortStin21
    Participant

    Hello, thank you as well! The URL is iamcreatrix.com

    October 4, 2016 at 1:06 pm #1202315
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .site,
.x-navbar {
    background-color: rgba(255, 255, 255, 0.5);
}

    You also need to change the background color of your sections to lightly transparent.

    Hope it helps 🙂

    October 4, 2016 at 2:29 pm #1202449
    KortStin21
    Participant

    Thank you so much! That worked wonders!

    October 4, 2016 at 3:39 pm #1202521
    Joao
    Moderator

    Glad to hear it,

    Joao

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