XF 2.2 Padding around logo

Tracy Perry

Well-known member
More detail is required.... if you are using a style different than default, it may have its own designators for the logo block.
When you find that the default stuff doesn't work, that can frequently be the case, so a link to the site is usually beneficial since the CSS can be examined.

In my style (a PixelExit one) this works fine to pad the top and bottom of the image (this presumes you are using an actual image for your logo).

Code:
.p-header-logo.p-header-logo--image img {
    padding-top: 30px;
    padding-bottom: 30px;
}

If you are using a text based logo, this may work
Code:
.p-header-logo--image {
    padding-top: 10px ;    
    padding-bottom: 30px;
}
 
Last edited:

SavageInMe

New member
More detail is required.... if you are using a style different than default, it may have its own designators for the logo block.
When you find that the default stuff doesn't work, that can frequently be the case, so a link to the site is usually beneficial since the CSS can be examined.

In my style (a PixelExit one) this works fine to pad the top and bottom of the image (this presumes you are using an actual image for your logo).

Code:
.p-header-logo.p-header-logo--image img {
    padding-top: 30px;
    padding-bottom: 30px;
}

If you are using a text based logo, this may work
Code:
.p-header-logo--image {
    padding-top: 10px ;   
    padding-bottom: 30px;
}

I am using the default style.
okay thank you, I will try this in the morning.
 
Top