I want to change the menu to have more Transparency

Discussion in 'RoadFighter WordPress Theme' started by effyeweb, Oct 7, 2015.

Thread Status:
Not open for further replies.
  1. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    I want to change the menu to have more Transparency ...... how to change it?

    123.jpg
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .menu-wrapper {
        background: rgba(255, 255, 255, 0.35);
    }
    Note: Change decimal value as per your requirement.

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    yes.... thank you....

    how about the menu outline transparency.....
     
  4. priya

    priya Guest

    Hello,

    Here's the code for that,
    Code:
    .menu-wrapper {
        border: 3px solid rgba(233, 206, 178, 0);
    }
    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    hi..... Thank you.... it works.......!

    and i need another 3 parts of code to adjust their transparency........

    Part A and Part B and Part C

    345.jpg
     
  6. priya

    priya Guest

    Hello,

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .header_wrapper .call-us {
        background: rgba(255, 255, 255, 0.2) !important;
        }
      .flex-caption {
          background: rgba(255, 255, 255, 0.5) !important;
        }
        .flex-caption a.slider-readmore {
        background: gray !important;
        }
    Note: For read more box, you can change color as per your interest and the numeric value for other 2 options as well.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    Code for C Part......:

    Code:
    .header_wrapper .call-us {
        background: rgba(255, 255, 255, 0.6) !important;
        }
    is function.......
    at the same time.....it bring up another situation.....on Website's pages:
    http://www.leviemedia.com/about/

    sdsadsa.jpg

    http://www.leviemedia.com/about/

    Code had been apply on styling option - custom scc:

    Code:
    .header_wrapper .call-us {
        background: rgba(255, 255, 255, 0.6) !important;
        }
     
    .menu-wrapper {
        background: rgba(255, 255, 255, 0.35);
    }
     
    .contact-map {
      display: none !important;
    }
     
    .flex-caption {
          background: rgba(255, 255, 255, 0.35) !important;
        }
     
  8. priya

    priya Guest

    Hello,

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .header_wrapper .call-us {
        background: none !important;
    }
    }
    @media only screen and (max-width: 480px){
    .header_wrapper .call-us {
        background: none !important;
    }
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  9. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
Thread Status:
Not open for further replies.

Share This Page