Change Gallery Opacity and more.

travastravas Registered Users Posts: 4 Beginner grinner
edited January 13, 2016 in SmugMug Customization
Hey all

I would like to do a couple changes on my site.

1) How can I change the opacity of my gallery links. I would like them about 50% lighter. What is the CSS code that I can use for this.

2) Can I raise and lower the menu nav bar on the top right? I would like to move it down a little lower so that it is flush with the logo. Alternatively I could raise or lower the logo itself.

3) anyone remember the thread to shrink the size of the gallery links?

pyxelography.smugmug.com

thanks in Advance i'm really looking to get this done today I have a project coming up.

Also

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited January 13, 2016
    travas wrote: »
    2) Can I raise and lower the menu nav bar on the top right? I would like to move it down a little lower so that it is flush with the logo. Alternatively I could raise or lower the logo itself.
    Go into Customize... Content and Design.
    Select Entire Site.
    Hover over your menu and click the triangle icon.
    Change the margins as desired.

    Is there some reason why you haven't removed the smugmug header and chosen the small footer? To change those, Customize... Content and Design, then click Settings and change the values for SmugMug Header and SmugMug Footer.

    --- Denise
  • pilotdavepilotdave Registered Users Posts: 785 Major grins
    edited January 13, 2016
    travas wrote: »
    Hey all

    I would like to do a couple changes on my site.

    1) How can I change the opacity of my gallery links. I would like them about 50% lighter. What is the CSS code that I can use for this.

    2) Can I raise and lower the menu nav bar on the top right? I would like to move it down a little lower so that it is flush with the logo. Alternatively I could raise or lower the logo itself.

    3) anyone remember the thread to shrink the size of the gallery links?

    pyxelography.smugmug.com

    thanks in Advance i'm really looking to get this done today I have a project coming up.

    Also

    For opacity, you could do something like this:

    .sm-page-widget-13531325 img {
    opacity: 0.5;
    }
    .sm-page-widget-13531325 img:hover {
    opacity: 1;
    }

    It'll be 50% until you hover your mouse over an image. Not really a fan of that look but see what you think.

    Dave
Sign In or Register to comment.