View Full Version : global font-size change
fotofreak
Feb-02-2007, 09:38 AM
I made myself a new theme, based on the carbonite theme. I've more or less (emphasis on the less) gotten everything to work, but I can't change the font-size globally, at least using the theme. It seems the style that underlies the theme may be where I need to make that change -- but how do I get to that?
I've tried putting my font-size change in the body tag selector in the theme's stylesheet -- oddly, it works using firefox web developer (edit css), but doesn't once I update it. How can I change it?
I really can't stand the tiny font.
Thanks,
Lisa
S&SPhoto
Feb-02-2007, 01:22 PM
Lisa,
What's your web site address? You may want to include it on your profile and/or signature.
Thanks.
Samir
fotofreak
Feb-02-2007, 01:29 PM
http://highdesert.smugmug.com
Lisa,
What's your web site address? You may want to include it on your profile and/or signature.
Thanks.
Samir
S&SPhoto
Feb-02-2007, 02:12 PM
http://highdesert.smugmug.com Lisa,
While you wait for the Smugmug cavalry, may I suggest you try the following:
(1) Copy and paste all of your CSS code into Notepad and save it. That way, if what I give you here doesn't work, you can simply copy/paste back your original code and you're no worse off than now. DISCLAIMER: I just started customizing my site recently as well, but may be able to help you.
(2) Copy the code below (with all credit going to Mike Lane and his "Customization for Dummies" series) and paste it above anything in your CSS box:
body {
font-size: 30px; /* Globally sets font size */
}
.title, /* Make sure all title elements are selected */
*.title,
* .title,
.box .title {
font-size: 30px;
}
a:link, /* changes font size of all the links on your smugmug site */
.nav a:link,
.albumTitle a:link,
a .nav,
#homepage a:link {
font-size: 30px;
}
a:visited, /* changes font size of all the VISITED links in the smugmug site */
.nav a:visited,
.albumTitle a:visited,
#homepage a:visited {
font-size: 30px;
}
a:hover, /* changes font size of all the link HOVER states on the whole site */
.nav a:hover,
#homepage a:hover,
.albumTitle a:hover {
font-size: 30px;
}
a:active, /* changes font size of all the link ACTIVE states – when the mouse button is down */
.nav a:active,
.albumTitle a:active,
#homepage a:active {
font-size: 30px;
}I purposely made the font-size 30 pixels (which is HUGE) so that you could easily see what changed. You can always change it to something more attractive, like 12px or 15px. NOTE: Your footer font may require additional CSS code.
Try that for now and report back how it works. If it doesn't suit your taste, I'm sure one of the other more knowledgable people in the forum can help you out.
Good luck.
Samir
fotofreak
Feb-02-2007, 02:29 PM
Ah, perfect! Thanks, Samir -- definitely got me on the right track. Oddly enough, I guess part of my problem was trying to make my changes in the theme CSS, rather than just altering the CSS in the custom area.
As for the copy & paste into Notepad, I've been around *that* block so many times, it was the very first thing I did. :D
Thanks again,
Lisa
Lisa,
While you wait for the Smugmug cavalry, may I suggest you try the following:
(1) Copy and paste all of your CSS code into Notepad and save it. That way, if what I give you here doesn't work, you can simply copy/paste back your original code and you're no worse off than now. DISCLAIMER: I just started customizing my site recently as well, but may be able to help you.
(2) Copy the code below (with all credit going to Mike Lane and his "Customization for Dummies" series) and paste it above anything in your CSS box:
I purposely made the font-size 30 pixels (which is HUGE) so that you could easily see what changed. You can always change it to something more attractive, like 12px or 15px. NOTE: Your footer font may require additional CSS code.
Try that for now and report back how it works. If it doesn't suit your taste, I'm sure one of the other more knowledgable people in the forum can help you out.
Good luck.
Samir
S&SPhoto
Feb-02-2007, 02:40 PM
Ah, perfect! Thanks, Samir -- definitely got me on the right track. Oddly enough, I guess part of my problem was trying to make my changes in the theme CSS, rather than just altering the CSS in the custom area.
As for the copy & paste into Notepad, I've been around *that* block so many times, it was the very first thing I did. :D
Thanks again,
LisaNo worries. I'm glad it worked. Have a good weekend.
Samir
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.