Title Bar Color Change

BancofcalBancofcal Registered Users Posts: 5 Beginner grinner
edited December 23, 2014 in SmugMug Customization
Site: photos.bancofcal.com

I am looking to darken the gallery title overlay bar and I am not sure if that is a CSS thing or something I can do in the customize section? If CSS, can you tell me what that code is and would it be placed in all galleries? See attached screen shot.

Thank you,

Kevin

Comments

  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited December 22, 2014
    Bancofcal wrote: »
    Site: photos.bancofcal.com

    I am looking to darken the gallery title overlay bar and I am not sure if that is a CSS thing or something I can do in the customize section? If CSS, can you tell me what that code is and would it be placed in all galleries? See attached screen shot.

    Thank you,

    Kevin

    Hi Kevin,
    You can use the following code:
    .sm-user-ui .sm-tile-content>.sm-tile-info {
      background-color: rgba(36,37,40, [COLOR="Red"]0.8[/COLOR]) !important;
    }
    

    The number in red can be changed to darken or lighten the overlay. By default it was set to 0.6, or 60% non-transparent. Setting it to 0.8 or 80% makes it darker. You can adjust the amount as desired.
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • BancofcalBancofcal Registered Users Posts: 5 Beginner grinner
    edited December 23, 2014
    Thank you, leftquark! That is exactly what I was looking to do. Very helpful.

    leftquark wrote: »
    Hi Kevin,
    You can use the following code:
    .sm-user-ui .sm-tile-content>.sm-tile-info {
      background-color: rgba(36,37,40, [COLOR="Red"]0.8[/COLOR]) !important;
    }
    

    The number in red can be changed to darken or lighten the overlay. By default it was set to 0.6, or 60% non-transparent. Setting it to 0.8 or 80% makes it darker. You can adjust the amount as desired.
Sign In or Register to comment.