Username Size In Postbit

[Kat-2]

I have a couple of themes I added to my forum the other day. Both had the username in the postbit set so large it threw everything out of sync. So, I dug around and found out how to resize it by adding this code:


Admin CP -> Styles & Templates -> Style Manager -> Edit Templates -> CSS Templates -> additional.css

.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
font-size: XXpx;
}

xx being font size


Well, it worked perfectly in one theme...so all is well, but on another theme when I put the code in (exact same place), it made the Search button on the home page jump over to the left, and sit on top of Private Messages.
I can't figure out why, or how to fix it.

Any ideas?

--------------- Added [DATE]1340039872[/DATE] at [TIME]1340039872[/TIME] ---------------

Does anyone know how I can get the Search button moved back to the right of the Home page?

[Max Taxable]

Does it come out looking the same in all browsers? can you upload a screen pic or give a link to view?

[BirdOPrey5]

Would need a link to the actual page(s) with the actual styles- there could be a million reasons but we can use "Inspect Element" in Chrome or Firebug in firefox to narrow down the problems.

[Kat-2]

Originally Posted by BirdOPrey5

Would need a link to the actual page(s) with the actual styles- there could be a million reasons but we can use "Inspect Element" in Chrome or Firebug in firefox to narrow down the problems.

Link to the site is http://side-kicks.katkall.com/

Will have to choose Crystal Clean style to see the error.

Thanks.

[BirdOPrey5]

Are you sure adding that code caused this? Because I don't think it did. I don't see that code being used anywhere.

Can you undo that code on the bad style and let me see what it looks like then, so I can compare.

[Kat-2]

Originally Posted by BirdOPrey5

Are you sure adding that code caused this? Because I don't think it did. I don't see that code being used anywhere.

Can you undo that code on the bad style and let me see what it looks like then, so I can compare.

I am positive that is what did it. I have removed the code now, and the Search has moved back where it belongs. (but of course the postbit username is now back huge again).

You can see how it looks now...


(and thank you)

[BirdOPrey5]

Try adding this to additional.css instead:

.username_container .username strong {
font-size 12px !important;
}

Of course change 12px to whatever size you want.

[Kat-2]

Originally Posted by BirdOPrey5

Try adding this to additional.css instead:

.username_container .username strong {
font-size 12px !important;
}

Of course change 12px to whatever size you want.

Well, that did change the size, but once again it made the search jump over to the left on top of Personal Messages.

[BirdOPrey5]

Hmmm...

Go to Admin CP -> Styles & Templates -> Search In Templates

Choose to search only in this style's templates...

Search for:

font-size: 16pt

If nothing comes up look for:

font-size:16

(without the space)

One of those should find a CSS template with that font value (and hopefully only 1)

Edit that number in whatever template, it should be able to reduce the font size.

Hopefully it will do it without screwing up the search box.

The ultimate issue is this custom style is poorly designed to have these classes effecting your search box- may be nothing that can be done without rewriting part of the style.

[Kat-2]

So far still no luck. I did the search, found a 16 pt, and chanced it to 12 pt and it did nothing.

Pretty much looking like I wasted my money on this theme.

I thank you for taking the time to try and help me.