Final tweeks on new smug mug

Hikin' Mike

photito wrote: »

Deer Hikin Mike

Can you just be more specific on were exactly to put that code

Thanks spencer

I put all of my CSS in my site-wide theme's CSS. You can probably just put that on that page.

photito

Yes, sorry Hikin i am pretty useless at this, can you explain how to do this please

thanks

Hikin' Mike

I think you should see a 'Content' tab and then 'On Just This Page'. Click the wrench icon and add the code to the CSS box.

denisegoldberg

photito wrote: »

...can you explain how to do this please

• Go to Customize... Customize site.
• Click "entire site"
• Click Theme
• Hover over the active theme name and click the wrench icon
• On the Edit Theme dialog, click the Advanced tab
• Click Edit next to Custom CSS

--- Denise

photito

Ok thanks everyone for all your help, i am finally getting there. I do need a few more things though.

1/ the featured images which we have managed to put into the meet the people gallery are still all over the place. I have tried to adjust the sizes individually but i cant manage. I need them to look like the once here http://www.photito.com/Destinations

2/ I would also like to have a thin border around all the images on the site like i had on the old site , is this possible?

3/ I would also like to change the color and font of the text and color of the entire gallery in this Gallery http://www.photito.com/Destinations/Abyssinia

4/ And i would also like to remove the text bubble.

Again, thanks everyone, and i cant wait to get back to the computer and find more unswers, uf! what would i do without you guys, lol.

Allen

Warning -- If you are ever going to use a different theme you will lose all CSS you put in it. "entire site" CSS
will apply no mater the theme. Only put in theme CSS rules that modify that specific theme.

photito

Dear Allen

Ok i understand. Can you help with any of the above points PLEASE.

thanks

photito

Ok guys i have done the best i can with this page. http://photito.smugmug.com/Destinations/Meet- problem is the text is to small and the color and font is wrong it should be same as the menu. Any ideas?

Hikin' Mike

photito wrote: »

Ok guys i have done the best i can with this page. http://photito.smugmug.com/Destinations/Meet- problem is the text is to small and the color and font is wrong it should be same as the menu. Any ideas?

Your menu size is 16px, and your body text is 14px. The colors are the same, but the body "weight" is 400. The fonts are the same.

Add this to your CSS, see if this helps:

body, select, input, button, textarea, .sm-nui {
    font-size: 16px;
    font-weight: normal;
    }

photito

Thanks Hikin, i added the code on the css for the entire site and also tried by way off content block on that particular page. It dident work. I might not have done it right though.

Hikin' Mike

Remove the code I told you earlier and try this:

.sm-user-ui .sm-page-widget-text a, 
.sm-user-ui .sm-page-widget-text a:visited {
    font-family: Antic Didone,Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #AFA7A3 !important;
    }
.sm-user-ui .sm-page-widget-text a:hover, 
.sm-user-ui .sm-page-widget-text a:active {
    color: red !important;
    }

photito

Deer Hikin

You are amazing, thanks for that. Sorry to take advantage of your kindness but do you have any ideas on how to make the other tweeks mentioned above ?

Hikin' Mike

photito wrote: »

3/ I would also like to change the color and font of the text and color of the entire gallery in this Gallery http://www.photito.com/Destinations/Abyssinia

Put this in your gallery, not your theme or site-wide CSS. You will have to edit this in red:

.sm-user-ui .sm-tile-info {
	font-family: [COLOR="Red"]font family here[/COLOR] ;
	color: #f00;
	}

photito

Hi Hikin

The border worked as you can see, only thing is that it also goes around the text, hm, dosent really look right. Dont worry about question 1 that was before i placed the images below each other. So thats done now thanks.

Hikin' Mike

photito wrote: »

Hi Hikin

The border worked as you can see, only thing is that it also goes around the text, hm, dosent really look right. Dont worry about question 1 that was before i placed the images below each other. So thats done now thanks.

I accidentally deleted the code for the border on my previous post.

photito

.sm-tiles-vertical.sm-tiles-uncropped .sm-tile {
border: 4px solid #888888;
}

photito

made the changes to the one gallery using the code you gave me in post 44 and it worked really well. I am trying to change the color of the page going into settings, just this gallery and then theme and active theme and changing the color there but it changes in the entire site.

Hikin' Mike

photito wrote: »

made the changes to the one gallery using the code you gave me in post 44 and it worked really well. I am trying to change the color of the page going into settings, just this gallery and then theme and active theme and changing the color there but it changes in the entire site.

If you're trying to change the background color to just that page, try this on just that page:

body {
     background: #000;
}

photito

Great that worked.

photito

Ok, the annoying text bubble is the most important thing right now, Any ideas anyone. Highly appretiated, thanks.

Hikin' Mike

photito wrote: »

Ok, the annoying text bubble is the most important thing right now, Any ideas anyone. Highly appretiated, thanks.

If you are talking about the text when you hover over an image, you can't hide that. It's controlled by the browser.

photito

I might be mistaken but i am pretty sure that Allen gave me a code to get rid of the text bubble in the old smug mug.

Allen

photito wrote: »

I might be mistaken but i am pretty sure that Allen gave me a code to get rid of the text bubble in the old smug mug.

I don't remember it? Maybe one of jfiends javascript hacks?

denisegoldberg

photito wrote: »

...gave me a code to get rid of the text bubble in the old smug mug.

That was done with the delhover function in legacy smug. Unfortunately that is javascript so you can't use it in new smugmug. I'm not aware of a method to remove the hover text in new smug.

--- Denise

ChancyRat

Hikin' Mike wrote: »

Look at my Portfolio page. I used an HTML/CSS box to create my own gallery. I'm not using SM's gallery tool. I just don't like to be like "every other Smugmug site".

I love your site. How - or where - do you store your photos? If not in a gallery.
I take it you then do multiple photo blocks, or lots of single photo blocks? That seems arduous to me.

Hikin' Mike

ChancyRat wrote: »

I love your site. How - or where - do you store your photos? If not in a gallery.
I take it you then do multiple photo blocks, or lots of single photo blocks? That seems arduous to me.

Thanks!

I guess I should have said I'm using Galleries (Central Valley, Yosemite etc), I'm just not using Folders. My 'Portfolio' is just a custom page, same as my 'Landscape and Nature', 'Wildlife', 'Black and White', and 'Inspirational'...all just custom pages.

ChancyRat

Hikin' Mike wrote: »

Thanks!

I guess I should have said I'm using Galleries (Central Valley, Yosemite etc), I'm just not using Folders. My 'Portfolio' is just a custom page, same as my 'Landscape and Nature', 'Wildlife', 'Black and White', and 'Inspirational'...all just custom pages.

Ah that makes more sense.
You've inspired me to think about how I do my main folders. I've been frowning at the SM layout in them.

Hikin' Mike

ChancyRat wrote: »

Ah that makes more sense.
You've inspired me to think about how I do my main folders. I've been frowning at the SM layout in them.

I not a big fan of the standard SM galleries and don't care for the tiled look on the galleries. I went with the Thumbnail Gallery mainly because my Wordpress site has thumbnail galleries. I just wish they offered pagination on the Thumbnail Galleries.

ChancyRat

Hikin' Mike wrote: »

I not a big fan of the standard SM galleries and don't care for the tiled look on the galleries. I went with the Thumbnail Gallery mainly because my Wordpress site has thumbnail galleries. I just wish they offered pagination on the Thumbnail Galleries.

I have had to go with Smugmug gallery style because apparently it's the only way to view videos. And yet even in SM style we lost the lightbox video view. I was hoping for Collage Portrait layout to work with video, although even there the thumbs are too boxy, so that the caption is too narrow and vertical, often. Collage Landscape might remove the boxiness but the captions can't appear under the thumbnails. Neither of these styles is an option if video won't play. I'm hoping SM will gradually expand video into the other styles.

Allen

ChancyRat wrote: »

I have had to go with Smugmug gallery style because apparently it's the only way to view videos. And yet even in SM style we lost the lightbox video view.....

Adding a /A to the link will open the video in lightbox. I added the link in the video's caption.

View in lightbox <a href="...photo link.../A">Click here</a>