Global header padding and alignment

[fierlan]

I’ve used <h6> to style the text in my global header banner but this is also adding some strange padding above the text. Could you advise on how to remove this?

I’ve tried this bit of code from another ticket but it does nothing on the site:

#sf-banner-widgets .col-sm-4 {
  padding: 10px 0;
}

The text is also aligned left by default, I’ve used <center> to make it centrally aligned but is there a way to make this default?

I’m afraid I can’t give you access to the site as it’s hosted on my home server

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

I’d recommend not using h6 tags, if you want to style the text use custom css:

#sf-banner-widgets .widget .textwidget {
  
}

– Kyle

[fierlan]

I used CSS in the end, this is the full code if anyone else reads this ticket in the future!

#sf-banner-widgets .widget .textwidget {
font-family: "NAME OF FONT";
text-transform: none;
line-height: 22px;
font-weight: 400;
font-style: normal;
font-size: 22px;
text-align: center;
}

[David Martin – Support]

Glad you were able to get this working as needed.

Thanks.