help with css codes

paddo

hi! I'm new and I?m tryng to customize my new website. I've a loto of difficulty with css code. I've inserted this in a block in entire site, in homepage, in folder and in gallery, but don't work all. the only working is the right click customization...
any suggestion? thanks and sorry my bad english!

div.sm-user-ui div.sm-lightbox-content div.sm-lightbox-info {
display:none;
}
/* Hide both Owner Buy Buttons */
.sm-button.sm-button-size-small.sm-button-skin-accent.sm-gallery-buy-icon, .sm-gallery-buymenu{
display: none
}
.sm-gallery-buy-icon {
display: none;
}
.sm-gallery-buymenu {
display: none;
}
.sm-button-image-info {
display: none;
}
.sm-button-image-download {
display: none;
}
.sm-gallery-slideshow-button {
display: none;
}
.sm-lightbox-buy-button {
display:none;
}
.sm-right-click-message:after {
content: 'Hey! Do not download this photo. Write me if you need an authorized copy!';
}
.sm-right-click-message .sm-tooltip-content {
display: none;
}
/* Hide the gallery name icon */
.sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-info-icon {
display: none;
}
/* Move the gallery name text to the left, to replace where the icon was */
.sm-tiles-grid .sm-tile-info p {
padding-left: 0px !important;
}

phaserbeam

paddo wrote: »

hi! I'm new and I?m tryng to customize my new website.

div.sm-user-ui div.sm-lightbox-content div.sm-lightbox-info {
display:none;
}

Maybe you can describe what you would like to do, a link to your website would be helpful also.
The code above would only hide the infobox in lightbox-mode. If you want to hide the complete lightbox panel including captions and buttons...

[COLOR=SeaGreen].sm-lightbox .yui3-widget-ft {
    display:none;
}[/COLOR]

Do you want to hide the owner buy icons only? You know you can turn off buy options in the gallery settings. Ownerbuy-icons only appear if you are logged in, others would not see those icons.

paddo wrote: »

/* Hide both Owner Buy Buttons */
.sm-button.sm-button-size-small.sm-button-skin-accent.sm-gallery-buy-icon, .sm-gallery-buymenu{
display: none
}
.sm-gallery-buy-icon {
display: none;
}
.sm-gallery-buymenu {
display: none;
}

That is way to difficult, you could use this:

[COLOR=SeaGreen].sm-gallery-buy-icon, 
.sm-gallery-buymenu, 
.sm-lightbox-buy-button, 
.sm-button-image-buy {
  display: none
}[/COLOR]

The following code should work if you place the code in a CSS content box on entire site:

paddo wrote: »

.sm-button-image-info {
display: none;
}
.sm-button-image-download {
display: none;
}

The following code is maybe not needed, you can turn off slideshow in the gallery settings...

paddo wrote: »

.sm-gallery-slideshow-button {
display: none;
}

This should remove the icon in front of the gallery title?

paddo wrote: »

/* Hide the gallery name icon */
.sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-info-icon {
display: none;
}
/* Move the gallery name text to the left, to replace where the icon was */
.sm-tiles-grid .sm-tile-info p {
padding-left: 0px !important;
}

If you are using this the icon disappears and the text will move to the left.

[COLOR=SeaGreen].sm-tile-info-icon {
    display:none;
}[/COLOR]

denisegoldberg

Almost all of the things you are trying to hide can be controlled by gallery settings. Is there some reason why you are trying to use CSS to hide them?

--- Denise

paddo

hi! the website not is online at moment, I don't know how make link it for you...
I need the lightbox, but I want only the photo in lightbox and the share button and the size button (the size only if it's impossible show direclty the original size photos).
for the rest I need hide all I've tried in the code posted on top:
now I try with suggested code and I update you. thanks for help!

this codes are sufficient to place only in entire site or I can repeat a new css box in every gallery and page? I need this in all images of my website.

paddo

now work!!!! thanks for help!!!!! just another question (until the next problem):
if i publish now the websit whit the name xxxxx.smugmug.com i can later change this with another domain name I have in use with old (to be replaced) website?

it's possible hide the central icon (wrench) to the photos and the written that appears over the photo with the mouse pass on it?

Allen

You only see the wrench when logged in.

paddo

Allen wrote: »

You only see the wrench when logged in.

thanks.