Logo header not overlapping the slider and no transparency

Discussion in 'ButterBelly WordPress Theme' started by froginlove, Apr 6, 2016.

  1. froginlove

    froginlove New Member

    Joined:
    Feb 20, 2014
    Messages:
    4
    Likes Received:
    0
    Hi, I have a problem with the theme not displaying as shown in your demo. The header background behind the logo on my website is not overlapping the slider, being showed as a solid white block just above it.

    I enclosed an image showing the problem, please help me to fix this.

    website: http://www.sanbasiliolido.it/it/
     

    Attached Files:

  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .header_container.not_home, .header_container.index {
        position: absolute;
        background: url(images/header-bg.png) repeat;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. froginlove

    froginlove New Member

    Joined:
    Feb 20, 2014
    Messages:
    4
    Likes Received:
    0
    Thank you for your assistance.

    Now the header and the logo correctly overlap the slider, but the header's transparency is 100%, so the header is completely invisible. Instead I'm aiming to the same effect (half opacity) that is showed in your demo.

    How it is now: http://www.sanbasiliolido.it/it/

    What I want:

    [​IMG]
     
  4. priya

    priya Guest

    Hello,

    Please paste the code given below in Custom CSS field of your dashboard.
    Code:
    .header_container.not_home, .header_container.index {
        background-color: rgba(255,255,255,0.6);
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page