Forum post text/font issue - where is this font setting?

[Guest210212002]

I'm working on rebuilding my 3.x skin under vb4, and am slowly making progress. One thing I can't seem to sort is why my modified skin has a different font for the message text than the vb4 default theme.

Here's a post with the default theme. This is the font that I want my skin to have as well:

http://i.imgur.com/VSembUp.png

Here's a post with my theme. I don't know where/what I changed, but the font is definitely different.

http://i.imgur.com/2P25Ux8.png

Here's a screenshot of the default theme, pasted into mine so that you can see the text difference.

https://vborg.vbsupport.ru/external/2015/03/17.png

I'm using Firebug, and it looks like this is "blockquote class="postcontent restore". I checked my templates, and this is the same in both of my postbit_legacy templates:


<blockquote class="postcontent restore ">


In my style variable editor, postbit_font is the same for both themes as well:

Font Family: Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif
Units: px
Size 13

It's also not showing as red (edited) in my custom skin. Is this not where you change the font? Where else is the text actually defined?

Any insight would be great - it's been a while since I tried to wrap my head around the "new" (to me anyway) style system and I'm having a heck of a time with it.

[TheLastSuperman]

I bet you've customized another area of css (a single definition can be used/shared in several areas) and it shared the same definition. Can you make the style publicly accessible and provide us a link? If so we can help more by being on the site and viewing the css and code with our tools (Firebug in firefox etc).

You can view an older yet still valid article for styling here (https://vborg.vbsupport.ru/showthread.php?t=256370).

[Guest210212002]

I'm betting you're dead on. I did a bunch of work to this skin a couple years ago, and never ended up upgrading to vb4... And then subsequently forgot pretty much everything I learned about editing this stuff, heh.

It's on my test forum, which is .htaccess protected so that I don't run into license issues unfortunately. I can PM you a login if you'd care to take a look, but it's no biggie - I'll be mashing my face against it over the weekend and will post up if I figure it out. I recall being a little grumpy about all of the shared definitions before, so I can go on a revert rampage until I find it.

--------------- Added 1426947826 at 1426947826 ---------------

Turns out it's Global > Font. Unfortunately as you said, it's a shared stylevar that's... Well, everywhere, ouch.

--------------- Added 1426959984 at 1426959984 ---------------

For anyone searching, here's my "fix". There may be a more elegant way to do it but this is what I came up with.

In postbit_legacy, look for:


{vb:raw post.message}


Wrap it with a new div. I called mine "mgpostcontent".


<div class="mgpostcontent">
{vb:raw post.message}
</div>


Then in style manager -> edit templates -> CSS -> additional.css. Create a new definition at the end:


/* MG Post Content */
.mgpostcontent {
font: 14px verdana;
}


Again this is probably not the cleanest way to do it, but it works in FF, Safari and Chrome for me and allows me to move on to the next item on my to-do list so that I can finish my theme.