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 1340039872 at 1340039872 ---------------

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]

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]

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]

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. :confused:

[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. :)

[Max Taxable]

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. :)Did you remove the previous stuff from additional css before making the other change?

[BirdOPrey5]

if you paid for this theme you should be demanding they support it.

[Kat-2]

They did. But, overall I got it on my own! Am happy happy now. :D

I changed the size in .username_container .username strong


Then to make it set as it is in my other themes I had to set, username container, user title, and user center, all to left rather then center, and now it is perfect!

Thank you again for your help.