Font size within gallery [Sitemap] - Digital Grin Photography Forum

View Full Version : Font size within gallery

nickhaigh

Aug-30-2009, 05:41 PM

I have a gallery with just Links
http://www.nickhaigh.net/gallery/5943663_UqGpT

but the font has been messed up due to changing Themes

if you look at the font the actual links are tiny but the headers/sub headers are huge, I would like to bring it into proportion.

for eg

Header in Bold
link font same size but not bold

I tried to change the font size in the CSS for this page but it
only changed the first few lines of text (not all)

any ideas would be much appreciated :wink

JoeSalmi

Aug-30-2009, 06:02 PM

You could create a div class such as "gallerylinks", set a size for it and add it into your html

nickhaigh

Aug-30-2009, 06:04 PM

You could create a div class such as "gallerylinks", set a size for it and add it into your html

Thanks Joe, but wouldn't know where to start on that :dunno
my knowledge of CSS etc is pretty much zero.

JoeSalmi

Aug-30-2009, 06:10 PM

Thanks Joe, but wouldn't know where to start on that :dunno
my knowledge of CSS etc is pretty much zero.

Add this to your CSS

.gallerylinks { font-size: 1em; }

Then add this to all your galleries class="gallerylinks" see example below

<a href="http://www.flickr.com/photos/nickhaigh/" target="_blank" class="gallerylinks">My Flickr Page</a>

nickhaigh

Aug-30-2009, 06:19 PM

Add this to your CSS

.gallerylinks { font-size: 1em; }

Then add this to all your galleries class="gallerylinks" see example below

<a href="http://www.flickr.com/photos/nickhaigh/" target="_blank" class="gallerylinks">My Flickr Page</a> 

Thanks Joe, I just tried that but all text disappeared from the page :scratch

JoeSalmi

Aug-30-2009, 06:25 PM

Thanks Joe, but I just tried that and all text disapeared from the page :scratch

Looks like there is a problem with smugmug and going from the easy customizer to the advanced, your links are all messed up now but I was able to get them back, replace your links with these new ones.

Links 
 
Here are some links that maybe of interest. 
 
<a href="http://www.flickr.com/photos/nickhaigh/" target="_blank" class="gallerylinks">My Flickr Page</a> 
 
<a href="http://nickhaigh.deviantart.com/" target="_blank" class="gallerylinks">My Deviantart Page</a> 
 
<a href="http://www.modelmayhem.com/nickhaigh" target="_blank" class="gallerylinks">My Model Mayhem Page</a> 
 
<a href="http://www.airtightinteractive.com/projects/tiltviewer/app/?user_id=28887290@N00" target="_blank" class="gallerylinks">View My Photos in a Cool 3D Viewer</a> 
 
<a href="http://www.flickr.com/photos/nickhaigh/show" target="_blank" class="gallerylinks"> check out some of my photos in a slideshow</a> 
 
<a href="http://www.flickr.com/photos/bradleyhaigh/" target="_blank" class="gallerylinks">My Son’s Flickr Page</a> 
 
<a href="http://flickr.com/photos/28887290@N00/favorites" target="_blank" class="gallerylinks">My favorite photos from others on Flickr</a> 
 
<a href="http://nickhaigh.deviantart.com/favourites" target="_blank" class="gallerylinks">My favorite photos from others on Deviantart</a> 
 
Photo Related Tutorials 
 
<a href="http://www.digitalphotoshopretouching.com" target="_blank" class="gallerylinks">Photoshop Retouching - Fashion, Beauty Portraits</a> 
 
HDR (High Dynamic Range) 
 
<a href="http://www.vanilladays.com/hdr-guide//" target="_blank" class="gallerylinks">HDR Tutorial from Peter Carr</a> 
 
<a href="http://www.luminous-landscape.com/tutorials/hdr.shtml" target="_blank" class="gallerylinks">HDR Tutorial by Luminous Landscape</a> 
 
 
DRI (Dynamic Range Increase) 
 
<a href="http://www.luminous-landscape.com/tutorials/digital-blending.shtml" target="_blank" class="gallerylinks">DRI Tutorial by Luminous Landscape</a> 
 
<a href="http://www.xdeltax.com/tutdri/index.html" target="_blank" class="gallerylinks">DRI - Dynamic Increase Tutorial</a> 
 
My Favorite Photographers 
 
A good friend of mine & a great photographer <a href="http://www.simonvardy.com" target="_blank" class="gallerylinks">Simon Vardy</a> 
 
<a href="http://pi-production.fr/" target="_blank" class="gallerylinks">Eric Rousset</a> 
 
<a href="http://nature-lover.smugmug.com/" target="_blank" class="gallerylinks">Philippe Sainte-Laudy</a> 
 
<a href="http://www.alonsodr.com/" target="_blank" class="gallerylinks">Alonso Díaz</a> 
 
<a href="http://www.g2-studio.com" target="_blank" class="gallerylinks">Giuseppe & Giacomo Parisi</a> 
 
<a href="http://2eyesandacamera.smugmug.com/" target="_blank" class="gallerylinks">Rick Bailey</a> 
 
<a href="http://www.jasonswain.co.uk" target="_blank" class="gallerylinks">Jason Swain</a> 
 
<a href="http://www.red-eyes.co.uk" target="_blank" class="gallerylinks">David Constable</a> 
 
<a href="http://photo.net/photos/rarindra" target="_blank" class="gallerylinks">Rarindra Prakarsa</a> 
 
<a href="http://www.nickjdillon.com" target="_blank" class="gallerylinks">Nick Dillon Photography</a> 
 
<a href="http://funkyslug.wordpress.com/" target="_blank" class="gallerylinks">Brian Stevenson (Funky Slug)</a> 
 
My Favorite DJ’s 
 
<a href="http://www.djsonix.com/music/" target="_blank" class="gallerylinks">DJ Sonix</a> 
 
<a href="http://www.djdoboy.com/radio/" target="_blank" class="gallerylinks">DJ Doboy on the Radio</a>

nickhaigh

Aug-30-2009, 06:28 PM

Looks like there is a problem with smugmug and going from the easy customizer to the advanced, your links are all messed up now but I was able to get them back, replace your links with these new ones.

Links 
 
Here are some links that maybe of interest. 
 
<a href="http://www.flickr.com/photos/nickhaigh/" target="_blank" class="gallerylinks">My Flickr Page</a> 
 
<a href="http://nickhaigh.deviantart.com/" target="_blank" class="gallerylinks">My Deviantart Page</a> 
 
<a href="http://www.modelmayhem.com/nickhaigh" target="_blank" class="gallerylinks">My Model Mayhem Page</a> 
 
<a href="http://www.airtightinteractive.com/projects/tiltviewer/app/?user_id=28887290@N00" target="_blank" class="gallerylinks">View My Photos in a Cool 3D Viewer</a> 
 
<a href="http://www.flickr.com/photos/nickhaigh/show" target="_blank" class="gallerylinks"> check out some of my photos in a slideshow</a> 
 
<a href="http://www.flickr.com/photos/bradleyhaigh/" target="_blank" class="gallerylinks">My Son’s Flickr Page</a> 
 
<a href="http://flickr.com/photos/28887290@N00/favorites" target="_blank" class="gallerylinks">My favorite photos from others on Flickr</a> 
 
<a href="http://nickhaigh.deviantart.com/favourites" target="_blank" class="gallerylinks">My favorite photos from others on Deviantart</a> 
 
Photo Related Tutorials 
 
<a href="http://www.digitalphotoshopretouching.com" target="_blank" class="gallerylinks">Photoshop Retouching - Fashion, Beauty Portraits</a> 
 
HDR (High Dynamic Range) 
 
<a href="http://www.vanilladays.com/hdr-guide//" target="_blank" class="gallerylinks">HDR Tutorial from Peter Carr</a> 
 
<a href="http://www.luminous-landscape.com/tutorials/hdr.shtml" target="_blank" class="gallerylinks">HDR Tutorial by Luminous Landscape</a> 
 
 
DRI (Dynamic Range Increase) 
 
<a href="http://www.luminous-landscape.com/tutorials/digital-blending.shtml" target="_blank" class="gallerylinks">DRI Tutorial by Luminous Landscape</a> 
 
<a href="http://www.xdeltax.com/tutdri/index.html" target="_blank" class="gallerylinks">DRI - Dynamic Increase Tutorial</a> 
 
My Favorite Photographers 
 
A good friend of mine & a great photographer <a href="http://www.simonvardy.com" target="_blank" class="gallerylinks">Simon Vardy</a> 
 
<a href="http://pi-production.fr/" target="_blank" class="gallerylinks">Eric Rousset</a> 
 
<a href="http://nature-lover.smugmug.com/" target="_blank" class="gallerylinks">Philippe Sainte-Laudy</a> 
 
<a href="http://www.alonsodr.com/" target="_blank" class="gallerylinks">Alonso Díaz</a> 
 
<a href="http://www.g2-studio.com" target="_blank" class="gallerylinks">Giuseppe & Giacomo Parisi</a> 
 
<a href="http://2eyesandacamera.smugmug.com/" target="_blank" class="gallerylinks">Rick Bailey</a> 
 
<a href="http://www.jasonswain.co.uk" target="_blank" class="gallerylinks">Jason Swain</a> 
 
<a href="http://www.red-eyes.co.uk" target="_blank" class="gallerylinks">David Constable</a> 
 
<a href="http://photo.net/photos/rarindra" target="_blank" class="gallerylinks">Rarindra Prakarsa</a> 
 
<a href="http://www.nickjdillon.com" target="_blank" class="gallerylinks">Nick Dillon Photography</a> 
 
<a href="http://funkyslug.wordpress.com/" target="_blank" class="gallerylinks">Brian Stevenson (Funky Slug)</a> 
 
My Favorite DJ’s 
 
<a href="http://www.djsonix.com/music/" target="_blank" class="gallerylinks">DJ Sonix</a> 
 
<a href="http://www.djdoboy.com/radio/" target="_blank" class="gallerylinks">DJ Doboy on the Radio</a>

i'm unable to go in an edit the page now, as it's all messed up every time I click on 'Edit' it goes to one of the links!!

edit:
ok, was able to go in after I removed the '.gallerylinks { font-size: 1em; }' from CSS

put it back now the text is bigger there is huge paragraph breaks in between the text?
how would I remove that?
would like a little bit of a gap to seperate it all though (so it's not all bunched together)

JoeSalmi

Aug-30-2009, 06:36 PM

JoeSalmi

Aug-30-2009, 06:40 PM

"gallerylinks" may be just a bad name already used by smugmug, try changing it to something else like "glinks" or something else specific to you.

nickhaigh

Aug-30-2009, 06:41 PM

Your html is all messed up and it's confusing smugmug. Try going in the backdoor by going here,

http://www.nickhaigh.net/galleries

Make sure you are logged in and you should see the customize button under the gallery we are working on. Go in there and replace the links with the new ones I posted. I don't know what else you have in that galleries html section but if there is other html you will want to save that.

If you want to copy everything in there and post it here, I can clean it for you.

thanks, yeah I managed to change it, I have the font the right size now..thank you but there is now huge paragraph gaps in between each
line of text! I have in there as I would like a bit of a gap but not that much...how would I change that?

JoeSalmi

Aug-30-2009, 06:44 PM

thanks, yeah I managed to change it, I have the font the right size now..thank you but there is now huge paragraph gaps in between each
line of text! I have in there as I would like a bit of a gap but not that much...how would I change that?

You have 4 's there,
<a href="http://nickhaigh.deviantart.com/" target="_blank" class="gallerylinks">My Deviantart Page</a> 
 
<a href="http://www.modelmayhem.com/nickhaigh" target="_blank" class="gallerylinks">My Model Mayhem Page</a> 
 

Remove them and it will clear your problem.

nickhaigh

Aug-30-2009, 06:47 PM

You have 4 's there,
<a href="http://nickhaigh.deviantart.com/" target="_blank" class="gallerylinks">My Deviantart Page</a> 
 
<a href="http://www.modelmayhem.com/nickhaigh" target="_blank" class="gallerylinks">My Model Mayhem Page</a> 
 

Remove them and it will clear your problem.

yep I see them, thanks so much for your help, it's looking much better :barb
:thumb

JoeSalmi

Aug-30-2009, 06:49 PM

yep I see them, thanks so much for your help, it's looking much better :barb
:thumb

Sure thing no problem.