How to change position, opacity, background color, and text color in my website blocks

mjwinter

Hello,

I am using Smugmug and just designed a new layout. My website is www.mjwinterphotography.com. On the left side is a vertical bar that contains my logo, menu, and social blocks. I would like to change the color, opacity, and text color of those blocks. I have tried adding some css to the entire site, but it did not seem to do anything. Could anyone lend a hand in letting me know how to do this? Thanks.

Hikin' Mike

Add this to your theme's custom CSS section:

.sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left {
    background-color: rgba(255,255,255, 0.50) !important;
    }

.sm-user-ui .sm-page-widget-21797733 .sm-page-widget-nav-color-emphasized a {
    color: red;
    }

You didn't specify what colors, so the background color is white (255,255,255) with a 50% opacity (0.50 - 0 is transparent, 1 is solid) and the text color is red.

mjwinter

Thank you! That worked! One additional question: I chose the Spartan theme since it was closest to what I was looking for. However, In the galleries, the pictures are xlarge size and I would like them to be small or medium thumbnails. Is there an easy way to change that? I do not see any menu options that allow me to change the size, so assume that some css is required.

mjwinter

Just to clarify, I can go into each gallery and change each one to a thumbnail format, but it only changes it for that one gallery. I would like to change the format for all galleries to thumbnail. Thanks again!

Hikin' Mike

You can change the appearance of the galleries in the Organizer. Select the folder/galleries and select "Settings > Appearance". You can also limit the size by going into "Settings > Photo Protection".

mjwinter

Yes, of course, completely missed that. That worked, and thanks!