View Full Version : Text Size for Gallery Photos
B643
Mar-08-2009, 12:11 PM
What is the CSS code for increasing the text size that describes each Gallery?
J Allen
Mar-08-2009, 02:22 PM
What is the CSS code for increasing the text size that describes each Gallery?
Do you have a specific gallery so I can help you better? If the text is in the album description area, and you want to be gallery specific use this:
.gallery_XXXXXX #albumDescription
{font-size: 150%;}
Just change the 'X' to your gallery number and adjust the '150%' to fit your needs.
B643
Mar-08-2009, 02:46 PM
Do you have a specific gallery so I can help you better? If the text is in the album description area, and you want to be gallery specific use this:
.gallery_XXXXXX #albumDescription
{font-size: 150%;}
Just change the 'X' to your gallery number and adjust the '150%' to fit your needs.
My web is www.jgibson.smugmug.com (http://www.jgibson.smugmug.com)
Let's take the first Featured Gallery called Malabar Farms. Using your suggested code this is what I put into the CSS box
.gallery_7542508_oBsMe#487428155_pwNpu #albumDescription
{font-size: 180%;}
Nothing changed
J Allen
Mar-08-2009, 03:06 PM
My web is www.jgibson.smugmug.com (http://www.jgibson.smugmug.com)
Let's take the first Featured Gallery called Malabar Farms. Using your suggested code this is what I put into the CSS box
.gallery_7542508_oBsMe#487428155_pwNpu #albumDescription
{font-size: 180%;}
Nothing changed
The only text I see in there, is under the photo, so you would use this:
.gallery_7542508 #caption_bottom
{font-size: 180%;}
When targeting gallery specific all you need is the gallery number, and not all that other stuff :thumb
Want to get rid of all that green color? :wink
/*=====No More Green!!!=====*/
.title,
a.title,
#lightBoxNav .title,
#cartNav .title,
#popUpnav .title,
#cartFG .box .title,
.slideNameOn,
.pageNav,
.pickerContent .pageOn,
.pickerContent a.pageOn:hover {color:#fff;}
.loupeTool,
#slideKnob,
a:hover .imgBorder,
.imgBorderOn {border-color:#fff;}
#ajaxWorking,
.pickerContent a.page:hover {background-color:#fff;}
.pickerContent a.pageOn:hover {color:#000;}
B643
Mar-08-2009, 03:21 PM
The only text I see in there, is under the photo, so you would use this:
.gallery_7542508 #caption_bottom
{font-size: 180%;}
When targeting gallery specific all you need is the gallery number, and not all that other stuff :thumb
Want to get rid of all that green color? :wink
/*=====No More Green!!!=====*/
.title,
a.title,
#lightBoxNav .title,
#cartNav .title,
#popUpnav .title,
#cartFG .box .title,
.slideNameOn,
.pageNav,
.pickerContent .pageOn,
.pickerContent a.pageOn:hover {color:#fff;}
.loupeTool,
#slideKnob,
a:hover .imgBorder,
.imgBorderOn {border-color:#fff;}
#ajaxWorking,
.pickerContent a.page:hover {background-color:#fff;}
.pickerContent a.pageOn:hover {color:#000;}
Here is what I put in the CSS box
.gallery_7542508 #caption_bottom
{font-size: 280%;}
I over did the font size just to make it apparent. Again, there is no change.
Also, you sent another code for ridding of a green color. What green color are you referring to?
Are you using Firefox? I use IE and notice that none of my changes appear in Firefox.
jfriend
Mar-08-2009, 03:23 PM
Here is what I put in the CSS box
.gallery_7542508 #caption_bottom
{font-size: 280%;}
I over did the font size just to make it apparent. Again, there is no change.
Also, you sent another code for ridding of a green color. What green color are you referring to?
Are you using Firefox? I use IE and notice that none of my changes appear in Firefox.
The caption in that gallery looks huge to me in both FF3 and IE7:
http://content.screencast.com/users/jfriend/folders/Jing/media/612ee201-c860-47d0-8530-0c50d21917ce/2009-03-08_1622.png
B643
Mar-08-2009, 03:24 PM
Here is what I put in the CSS box
.gallery_7542508 #caption_bottom
{font-size: 280%;}
I over did the font size just to make it apparent. Again, there is no change.
Also, you sent another code for ridding of a green color. What green color are you referring to?
Are you using Firefox? I use IE and notice that none of my changes appear in Firefox.
I just went to Firefox and by chance hit the refresh botton. Now the changes appear...except for the text size of gallery descriptions.
J Allen
Mar-08-2009, 03:33 PM
I'm not sure we are talking about the same thing here, you want the text bigger under the gallery thumb, or inside the gallery where your pictures are at?
The green color I refer to is inside your gallery with all the pictures.
:ear
B643
Mar-08-2009, 04:00 PM
I'm not sure we are talking about the same thing here, you want the text bigger under the gallery thumb, or inside the gallery where your pictures are at?
The green color I refer to is inside your gallery with all the pictures.
:ear
Under the gallery thumb on my home page. I never really paid attention to the green. It doesn't bother me, but I will paly with your code and see what happens.
J Allen
Mar-08-2009, 04:05 PM
Under the gallery thumb on my home page. I never really paid attention to the green. It doesn't bother me, but I will paly with your code and see what happens.
Remove this:
.gallery_7542508 #caption_bottom
{font-size: 280%;}
Add this:
.albumTitle a.nav
{font-size: 150% !important}
B643
Mar-08-2009, 04:34 PM
Remove this:
.gallery_7542508 #caption_bottom
{font-size: 280%;}
Add this:
.albumTitle a.nav
{font-size: 150% !important}
Got it...thanks for your help and patience.
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.