Announcement

Collapse
No announcement yet.

How To: Center the Logo

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

  • Steve Machol
    replied
    This template is here:

    Admin CP -> Styles & Templates -> Style Manager -> Edit Templates -> CSS Templates -> additional.css

    Leave a comment:


  • Lynne
    started a topic How To: Center the Logo

    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 18 Sep '10, 9:27am.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X