Announcement

Collapse
No announcement yet.

How To: Center the Logo

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

  • How To: Center the Logo

    This works in 4.0.2. (And has been confirmed to work in other versions up to 4.0.7 so far. )

    To center the vBulletin logo above, we would add the following to the additional.css template:

    HTML Code:
    .logo-image {
    clear:both;
    display:block;
    float:none;
    text-align:center;
    }
    Some logos may need to then have some padding applied to them to move them down so they don't run into the Welcome tabs. You may add padding to the CSS above if you need to do this (change the padding as needed):
    HTML Code:
    .logo-image {
    clear:both;
    display:block;
    float:none;
    text-align:center;
    padding-top: 20px;
    }
    (If you have ads, then this will push them around and your CSS for both may need to be adjusted.)
    Last edited by Lynne; Sat 18th Sep '10, 9:27am.

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools <- awesome site for html/css help

  • #2
    This template is here:

    Admin CP -> Styles & Templates -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
    Steve Machol, former vBulletin Customer Support Manager (and NOT retired!)
    Change CKEditor Colors to Match Style (for 4.1.4 and above)

    Steve Machol Photography


    Mankind is the only creature smart enough to know its own history, and dumb enough to ignore it.


    Comment

    widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
    Working...
    X