Slider box - transparency not working

Discussion in 'BlackBird WordPress Theme' started by tasvia, Jun 3, 2013.

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

    tasvia New Member

    Joined:
    May 23, 2013
    Messages:
    11
    Likes Received:
    1
    Hi,

    Recently I used:

    .flex-caption {
    background: rgba(20, 19, 19, 0.25)!important;
    }

    .. to get it more transparent. It worked great. During the weekend you guys corrected an error for me in which the blog-posts didnt appear on the front page (www.tasvia.se), which is now fixed and great. But for some reason, the slider box is back to being fully non-transparent. Ive checked, removed and re-entered the styling code above, but its not affecting the slider box at all. Any idea what could be wrong?

    The styling-code for making the box-text white is still working, however. Its just the opacity issue.

    Regards,

    Daniel
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    We have checked your website and your slider caption box background is looking transparent. I think you have solved it by yourself.
     
  3. tasvia

    tasvia New Member

    Joined:
    May 23, 2013
    Messages:
    11
    Likes Received:
    1
    Hi,

    It's not transparent for me, at least while using Internet Explorer (i have no means to use other browsers atm). I have had two friends, also with internet explorer, that has seen it before when transparent, to try it now. Both of them are having solid dark gray, which means no transparency.

    (I have no friends online with other browsers atm)

    Regards,

    Daniel
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .flex-caption {
    opacity: .55; /* Standards Compliant Browsers */
        filter: alpha(opacity=55); /* IE 7 and Earlier */
        /* Next 2 lines IE8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=535)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
    }
     
  5. tasvia

    tasvia New Member

    Joined:
    May 23, 2013
    Messages:
    11
    Likes Received:
    1
    Hi,

    That made a big differance. Thank you!
     
Thread Status:
Not open for further replies.

Share This Page