Options

Can I make the background during lightbox, the same as my site background?

ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
edited October 21, 2014 in SmugMug Customization
My site background is an image stored on my site. Can lightbox mode have the same background?
Thanks.

EDIT: I installed the background code via the SM theme settings which has the option to link to an image.

Comments

  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 29, 2013
    I dug into DG to find help and got code from this thread:
    http://www.dgrin.com/showthread.php?t=241192&highlight=lightbox+background
    .sm-lightbox { background: url('background-imge-here'); }
    So the code I added is this, but it's not working:
    /* Make lightbox background same as site background image */
    .sm-lightbox {
    {
    background: url('http://www.joinrats.com/photos/i-8KJzPpX/0/S/i-8KJzPpX-S.png');
    }

    I was so proud of myself for figuring out the code, too. eek7.gif
  • Options
    thenickdudethenickdude Registered Users Posts: 1,302 Major grins
    edited October 29, 2013
    You've just got one too many '{' characters, otherwise the code is fine!
    /* Make lightbox background same as site background image */
.sm-lightbox {
  background: url('http://www.joinrats.com/photos/i-8KJzPpX/0/S/i-8KJzPpX-S.png');
}
    https://www.sherlockphotography.org/

    Please check out my gallery of customisations for the New SmugMug, more to come!
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 29, 2013
    Shoot - shoot myself for the bad code and shoot, it didn't work.

    By the way, in Smugmug style, lightbox is not possible? I went to a random gallery that is set to that style and the video played in place (thumbs still to the left).

    Had to go to a journal style to have lightbox kick in.
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited October 29, 2013
    ChancyRat wrote: »
    Shoot - shoot myself for the bad code and shoot, it didn't work.

    By the way, in Smugmug style, lightbox is not possible? I went to a random gallery that is set to that style and the video played in place (thumbs still to the left).

    Had to go to a journal style to have lightbox kick in.
    Videos do not click to lightbox (very poor design) so your visitors will have to watch the crappy low rez.
    But you can by adding /A to the browser link.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    Aaron JorsAaron Jors Registered Users Posts: 470 Major grins
    edited November 10, 2013
    What if I want to make the lightbox a solid color. I've tried this code but it's not working.

    /* Make lightbox background same as site background image */
    .sm-lightbox {
    background: F7F7F7;
    }
    www.aaroncjors.com
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited November 10, 2013
    Just a guess here. Should you have #F7F7F7?
    Add #?
  • Options
    phaserbeamphaserbeam Registered Users Posts: 452 Major grins
    edited November 10, 2013
    I'm using that for a black background in lightbox: 
    .sm-lightbox-basic {
  background-color: #000;
}
  • Options
    NLSchoberNLSchober Registered Users Posts: 22 Big grins
    edited October 21, 2014
    ChancyRat - THANK YOU!! Muawh
Sign In or Register to comment.