Style Issue/Bug with vBulletin 4

MikeWarner · January 3rd, 2011, 04:44 AM

Hi. I've had an ongoing style issue with Photopost (latest version) and vBulletin (latest version again) style integration. I thought it was due to my custom style, but I tried the default vb4 style and it is still an issue. I'm pretty sure that all my settings are correct.

I've attached two images which show to problems. They seem to be confined to the category view. You can have a look here:
http://www.migweb.co.uk/gallery/g2-astra.html

1. At the top the background is a colour which is impossible to match to both the light and dark text in this area. Also, images used for backgrounds here (including the default vb4 style), make it look a mess. This block background and font colour needs to be the same colour as the block above it (where it says "My Photos · My Favorites · no messages").

2. At the bottom a light font is used on a light background, so impossible to see. Also, there is no padding around the text "Display Options".

As stated above, this is an issue on even the default template.

Please could you let me know what I need to edit this to look ok (i.e. what needs changing in what templates) - plus, could a permanent fix be made to the software? FYI, I've had this issue a while on earlier vB4.0.x and earlier versions of 7.x of Photopost, so this is not an issue specifically with the latest versions.

Many thanks. I'm looking forward to having the site nice and tidy again soon.

Chuck S · January 3rd, 2011, 07:24 AM

Reefs - ReefTalk Gallery

This is the default vb4 style

I am not seeing any real issues using the default style but thats me. All the colors are different using the default style. I personally have never gotten into custom vb4 styles since it will be awhile till all the style things are worked out with that vb4.

I would assume you can do a couple things here. That link color is probally the default vb4 link color. You could change that color. You could also define link colors in css for any style class. For instance I believe since we essentially use the table wrappers the only vb4 classes we use are forumhead, foruminfo, forumbit, forumtable, forumrow and a few others

Here is the top of your cathead template

Code:

Content visible to verified customers only.

You can see the prevailing classes are forumhead and foruminfo

You could theoretically add new style declarations like this if you dont want to change the overall link color

Code:

Content visible to verified customers only.

MikeWarner · January 3rd, 2011, 09:17 AM

Thanks Chuck - although I see the exact same issues on the link you gave me - see this page:
Reefs - ReefTalk Gallery

Which PP templates do I need to change to adjust those two areas?

MikeWarner · January 3rd, 2011, 09:31 AM

Ok - I've removed the following from CATHEAD template:

Code:

Content visible to verified customers only.

This has taken the top section out of a table and looks fine. Just got to sort the light font at the bottom now....

Chuck S · January 3rd, 2011, 09:56 AM

My suggestion about correcting your link colors would be more appropriate I feel. Pro simply uses the vb style classes I meantioned to wrap our content. You can try defining link colors for a specific class as noted above That should override any default link color for body content if you don't want to change any of those.

I am not sure what bottom thing your talking about. I see text on your link without issue. The default vb style is white background black text so I see no issue there on my site. Yours is black on a light grey background because that is what you did in your custom style. How are you going to get darker than black text?

MikeWarner · January 3rd, 2011, 10:01 AM

See the attached. You have white text on a white background.

I've almost got it all sorted now. I'm calling different classes instead of defining my own (I don't know how to tbh).

I've fixed the padding issue around the text "Display Options", just fixing the white on white issue now.

Chuck S · January 3rd, 2011, 10:07 AM

always helps to circle something and be very specific

How about from that line remove blockrow as the class

Code:

Content visible to verified customers only.

MikeWarner · January 3rd, 2011, 10:12 AM

That continues the colour of the block above - so blue on mine and the default template (see attached).

Chuck S · January 3rd, 2011, 10:16 AM

remove all blockrow statements for it to be uniform in color.

MikeWarner · January 3rd, 2011, 10:29 AM

That works, but really that area needs to be a light background colour. It's the text that needs to change to a darker colour. If you could give guidance on changing the text colour that would be great. Thanks.

Chuck S · January 3rd, 2011, 03:43 PM

You can grab my showgallery template

http://www.reeftalk.com/gallery/temp...owgallery.tmpl

MikeWarner · January 4th, 2011, 05:35 AM

Chuck - that is brilliant. Many thanks. I assume that change will be in the next release?

Also, while you are making changes, please could you have a look at fixing CATHEAD? See the attached which shows blue on blue. I've made a temporary fix, but a permanent one would be great. Thanks.

Chuck S · January 4th, 2011, 08:48 AM

Reefs - ReefTalk Gallery

Maybe like that

MikeWarner · January 4th, 2011, 01:51 PM

That's much better, I've nabbed your template for that. If I'm being picky though, maybe a bit more space between the top of the search box and the boarder above it.

Many thanks for all your help. I'll let you know if I spot any other issues.

Mike

Chuck S · January 4th, 2011, 04:15 PM

I think a break tag under the div with class forumrow_table.