[Blog] CSS Error Blog Pages Need help finding Cause

[vvdven]

Hello,

As you can see from the screenshot there is a bar in the user's blog that has moved to the right.

This is caused by CSS in the blog-rollup.css:

.postbit-lite .commenthead{margin-left:[B]80px[/B]}.postbit-lite .postbithead{float:left;width:100%;padding:5px 0;margin-left:0}.postbit-lite .postbithead label{float:left;clear:right;width:45%;margin-right:0;margin-left:1em}

Now, I have already switsched styles (the error persists in all styles except mobile), disabled all plugins but still this error persists.

Is this vBulletin code or does it come from elsewhere?

I can edit the CSS but I would like to know if someone perhaps knows how to remove this?

http://vagezaken.nl/blogs/dachtikhetniet/zink-tijdens-verkoudheid-helpt-11/

Thanks

[Trevor Hannant]

It's the left margin of 80px that is causing this. Check your blog.css template for this

[vvdven]

Hi,

There's a bunch of folders that contain blog.css like style00009r in the clientscript/vbulletin_css.

Which one should I edit? I tried the last one but the CSS remains uneffected. I did clear the cache.

Thanks!

[Trevor Hannant]

The template is in AdminCP > Styles & Templates > Style Manager > [Edit Templates]

[vvdven]

a little headway

Hi,

Ok so editing the blog.css moved the left side of postbithead but not the right side, this still overlaps the sidebar.

Any idea on how to get rid of that overlap?

Much appreciated!

http://vagezaken.nl/blogs/aurora/zelf-alkalisch-water-maken-14/

[Trevor Hannant]

What exactly did you edit as I still see this in your CSS:

.postbit-lite .postbithead {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #000000;
[B]    margin-left: 80px;[/B]
    padding: 5px 10px;
    text-align: left;


}

[vvdven]

Hello,

Ok i'll tell you what I did:

First, I searched the template for "80px" by going to AdminCP > Styles & Templates > Search Templates.

The blog.css is among the results and see the following code:

.postbit-lite .commenthead {
margin-{vb:stylevar left}: 80px;
}

I change the margin to 0px and this results in the left side of the commenthead bar moving left but it still overlaps on the right side. (as it is right now).

I could not find any other mention of the code you mentioned in blog.css.

Rgds.

[Phaedrus]

Try the fix applied here: http://www.vbulletin.com/forum/showt...t=blog+overlap

It worked for me.

[vvdven]

Finally, thanks for the tip! Much appreciated. It was driving me nuts!