CSS Customization, background photo plus color content

eparram · January 18, 2015

Hello agian,

I´m in the learning curve for CSS customization and from what I can see It can take some time to start getting some confidence....

Can any one help with this one:

I´m trying to set a backgorund photo so I can show on top of this photo a gallery with it´s own content color (white color) and some opacity 0,7 for example.

Does any one has any clue? :clap

Thanks and regards

ChancyRat · January 18, 2015

Here is one example. You would add this to a CSS block that you drag into the page.
It sounds like you're customizing this one URL/page, so be sure to click "just this gallery" before proceeding; otherwise you apply this to all galleries (or folders, or pages).

/* Add personal background image */
html.sm-user-ui {
background-image: url(/photos/adSmnWP.png);
background-position: 0px 0px;
background-repeat: repeat;
background-attachment:fixed;
background-size: 88%;
}

And maybe this is of interest:

/* Add color and transparency to header */
.sm-page-node-abcde .sm-page-layout-region-top {
background: rgba(204, 238, 253, .95);
background: rgb(204, 238, 253);
box-shadow: 0px 0px 6px 0px #000000;
  opacity: 0.95; 
filter: Alpha(opacity='95'); 
position: relative; z-index:1;
}

eparram · January 18, 2015

Hey, thanks for such a fast response,

I will try them tomorrow after work and let you know!!!

Cheers

CSS Customization, background photo plus color content

Comments