Announcement

Collapse
No announcement yet.

CSS Error Blog Pages Need help finding Cause

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    Leave a comment:

  • Phaedrus
    Member

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

    It worked for me.

    Leave a comment:


  • vvdven
    replied
    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.

    Leave a comment:

  • Trevor Hannant
    vBulletin Support

  • Trevor Hannant
    replied
    What exactly did you edit as I still see this in your CSS:

    Code:
    .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;
    
    
    }

    Leave a comment:


  • vvdven
    replied
    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/zel...ater-maken-14/

    Leave a comment:

  • Trevor Hannant
    vBulletin Support

  • Trevor Hannant
    replied
    The template is in AdminCP > Styles & Templates > Style Manager > [Edit Templates]

    Leave a comment:


  • vvdven
    replied
    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!

    Leave a comment:

  • Trevor Hannant
    vBulletin Support

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

    Leave a comment:


  • vvdven
    started a topic [Blog] CSS Error Blog Pages Need help finding Cause

    CSS Error Blog Pages Need help finding Cause

    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:

    Code:
    .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/dachtikhet...heid-helpt-11/

    Thanks

    Click image for larger version

Name:	Zink Tijdens Verkoudheid Helpt - LedenBlogs - Vage Zaken.jpg
Views:	1
Size:	73.4 KB
ID:	3720265
    Last edited by vvdven; Fri 1 Apr '11, 2:52am.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X