Opacity applied in Gallery photos....

eparrameparram Registered Users Posts: 24 Big grins
edited January 23, 2015 in SmugMug Customization
Hello,

I´m trying to bulid my web page but i´m still new to CSS, basically I´m doing someting wrong....

The page I like to build is composed of a background photograph and on top a gallery with it´s own color content, the color content of the gallery has some opacity in order to see the background photo.

The problem is that the opacity is also applied to the photos in the gallery.....

Have a look:

http://eparra.smugmug.com/customize/Project-Visions/Places/Fatih-Mosque/

The CSS code I used:

.sm-gallery-content {
padding-top: 25px;
padding-right: 50px;
background-color: #ffffff;
border: 1px solid black;
opacity:0.70;
filter:alpha(opacity=70);/* For IE8 and earlier */
}

Any suggestions on how to correct is there another .div different than .sm-gallery-content??? :scratch

Thanks in advance

Comments

  • W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited January 20, 2015
    It doesn't seem possible to see your site, perhaps because you haven't yet rolled it out?
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited January 20, 2015
    It doesn't seem possible to see your site, perhaps because you haven't yet rolled it out?
    I believe the site URL is http://eparra.smugmug.com/. It looks like the OP copied the link that was shown while customizing the gallery - and that link doesn't work for anyone but the OP.

    --- Denise
  • eparrameparram Registered Users Posts: 24 Big grins
    edited January 20, 2015
    I believe the site URL is http://eparra.smugmug.com/. It looks like the OP copied the link that was shown while customizing the gallery - and that link doesn't work for anyone but the OP.

    --- Denise

    Sorry,

    Try this one:

    http://eparra.smugmug.com/Project-Visions/Places/Eyup-Mosque/

    Thanks
  • eparrameparram Registered Users Posts: 24 Big grins
    edited January 21, 2015
    Heloo,

    Any ideas??

    Cheers
  • T. BombadilT. Bombadil Registered Users Posts: 286 Major grins
    edited January 22, 2015
    eparram wrote: »
    Heloo,

    Any ideas??

    Cheers

    Not sure, but is this the "Alpha" setting in the Theme you are using?
    Bruce

    Chooka chooka hoo la ley
    Looka looka koo la ley
  • eparrameparram Registered Users Posts: 24 Big grins
    edited January 22, 2015
    Not sure, but is this the "Alpha" setting in the Theme you are using?

    Nop,

    When I take it out nothing happens...

    Regards
  • pilotdavepilotdave Registered Users Posts: 785 Major grins
    edited January 22, 2015
    If I understand what you're trying to do correctly, you just want the background of gallery-content to be slightly transparent.

    Change the background color line to:

    background-color: rgba(255,255,255,.7);

    And remove the opacity and filter lines.

    That should do it. This applies a white background (RGB values of 255, 255, and 255) with an opacity of 70%.

    Dave
  • eparrameparram Registered Users Posts: 24 Big grins
    edited January 23, 2015
    pilotdave wrote: »
    If I understand what you're trying to do correctly, you just want the background of gallery-content to be slightly transparent.

    Change the background color line to:

    background-color: rgba(255,255,255,.7);

    And remove the opacity and filter lines.

    That should do it. This applies a white background (RGB values of 255, 255, and 255) with an opacity of 70%.

    Dave



    PERFECT, thanks a lotbowdown.gif

    Now I understand that the way I was using the opacity was affecting the whole .div while the way you used it only affects the color background....

    Cheers
Sign In or Register to comment.