Why when I changed the font bigger for the site announcements why did it

[pityocamptes]

Make the stats and news articles in he side boxes bigger also???

link

www.gunsgrubandgold.com


How do I work around this?

[Seven Skins]

How did you make the font bigger in notice? Did you edit stylevar or put the code directly in the notice?

[TheLastSuperman]

^ Replying to SS's question will lead you in the right direction.

On a side note though, I did want to let everyone know who stubles across this thread making changes to their style that, some of the css definitions in vB4 are shared by different parts of the site so simply overwriting a default definition such as .restore will not work... some think ohh .restore {css definitions here} controls the notices, well it does but that is also used on the blog page so instead you must take the time to find the correct css to overwrite i.e.

If you pasted this in additional.css:
.restore {
background:#5babe3 !important;
background-color:#5babe3 !important;
border:1px solid #005c9e !important;
color:#ffffff !important;
text-shadow:1px 1px 1px #1b1b1b !important;
}

.restore a {
text-shadow:1px 1px 1px #ffffff !important;
}
.restore a:hover {
color:#ffffff !important;
text-shadow:1px 1px 1px #ff0000 !important;
}

^ and save it then check the notices at the top of the site, it will show a light blue background and the text color now change including links... but now view the blog page and see what happens, it's off because like I said some of the css is shared however if you use firebug in firefox (or inspect element in Chrome etc) and cross reference the definitions you will come to find out that if you add this to additional.css instead:

.notices .restore {
background:#5babe3 !important;
background-color:#5babe3 !important;
border:1px solid #005c9e !important;
color:#ffffff !important;
text-shadow:1px 1px 1px #1b1b1b !important;
}

.notices .restore a {
text-shadow:1px 1px 1px #ffffff !important;
}
.notices .restore a:hover {
color:#ffffff !important;
text-shadow:1px 1px 1px #ff0000 !important;
}

It changes the notices ONLY and not anything on the blog page ;). So as we can see you can make changes to certain pages only and in some rare cases can use a plugin to overwrite css on certain pages only (pages 38-39 of my style thread have tips and such about the css plugin method, look for the posts by myself and Kat-2 on pages 38/39 in this thread https://vborg.vbsupport.ru/showthread.php?t=269253&page=38 ).

*All of the above is a rough example but its to show that you must be careful when modifying/overwriting css when styling as one change on a certain page to achieve the look you want could be detrimental to the look or another page.

[pityocamptes]

Edited the stylevar for announcement text and size...

First how do I fix it to get it back to standard, and second, how do I change it without changing everything else?

Superman, I believe the template is your template, also need to know how to change the font color in the really fast reg, as you can't see the text with the template change. Thanks.

[pityocamptes]

Actually this is what I put in the Notice Manager:

<font size="4"><font color="#FFFFFF">
<center>Get in on the ground floor of the NEW Guns, Grub and Gold Forum.<br/>Registration is fast, free and easy. So what are you waiting for?<br/><a href=/register.php rel="nofollow"><img src="images/click-to-join.png" border="0"></a></center></font>

... and it actually changed the stats at the bottom and the font in one of the side boxes... WHY???????

EDIT:
I figured it out, I screwed up on the HTML, works fine now...