Options

Custom

goldenpeppergoldenpepper Registered Users Posts: 5 Beginner grinner
edited December 20, 2014 in SmugMug Support
Hi,

After the new updates with smugmug it seems much harder to customize a site. I've done it before with a breeze, but now with all these content blocks it seems difficult to find the div names. I wanted to have a background image for the gallery content block. Also tried to change some of the heading and breadcrumb text colors, but doesn't seem to work although other changes like background image were applied. Much help is appreciated :bow

Thanks,
Shauna:D

Comments

  • Options
    goldenpeppergoldenpepper Registered Users Posts: 5 Beginner grinner
    edited December 19, 2014
    Link Name
    Sorry, the link is www.hangloosesurfclub.smugmug.com
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited December 20, 2014
    There are some CSS customizations available on my website, http://www.aaronmphotography.com/Customizations that may help you out.

    You could use the following code to set a background behind your gallery:
    .sm-user-ui .sm-page-content>.sm-page-layout>.sm-page-layout-region>.sm-page-layout-region-center {
      background: url(http://hangloosesurfclub.com/wp-content/uploads/2013/01/footer-bg.png) !important;
    }
    

    Just change the location of the image url to the image you want to use.

    I typically use the Chrome Developer Tools to "Inspect Element" and figure out which DIV classes to touch. You can play around with your edits in the developer tools and move your mouse over div names to see which area on the site it will touch.
    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
  • Options
    goldenpeppergoldenpepper Registered Users Posts: 5 Beginner grinner
    edited December 20, 2014
    leftquark wrote: »
    There are some CSS customizations available on my website, http://www.aaronmphotography.com/Customizations that may help you out.

    You could use the following code to set a background behind your gallery:
    .sm-user-ui .sm-page-content>.sm-page-layout>.sm-page-layout-region>.sm-page-layout-region-center {
      background: url(http://hangloosesurfclub.com/wp-content/uploads/2013/01/footer-bg.png) !important;
    }
    

    Just change the location of the image url to the image you want to use.

    I typically use the Chrome Developer Tools to "Inspect Element" and figure out which DIV classes to touch. You can play around with your edits in the developer tools and move your mouse over div names to see which area on the site it will touch.


    Your awesome! Thanks a bunchclap.gif
Sign In or Register to comment.