Docs

[Muireann B]

Hi there,

I am using the Ethos stack (http://test6.cruthucreative.com/) and would like to know how to remove or reduce the space that appears below the text in the header (over the menu and the slider)

Many thanks for your help,

best regards,

Muireann

[Prasant Rai]

Hello Muireann,

Thanks for writing in!

Please make following changes in your code:

1) Add class="header-right-text". http://prntscr.com/bso4sf

2) Then add following CSS under Custom > CSS in the Customizer:

p.header-right-text {
    margin-bottom: 0 !important;
}

Let us know how it goes.

Thanks.

[Muireann B]

Hmm – that didn’t work. Have i done it correctly?

This is what I have in the ‘Topbar Content’ section
<p style=”text-align: right;” class=”header-right-text”><span style=”color: #ffffff;”>The UK’s only plain-English tax newsletter for SMEs and entrepreneurs</span></br><span style=”color: #ffffff;”> Email: [email protected] | Telephone: 0207 353 7300</span></p>

and then I added this to the custom CSS

p.header-right-text {
margin-bottom: 0 !important;
}

[Paul R]

Hi,

Please add this in Custom > Edit Global CSS in the customizer/

.x-topbar p:empty {
     display:none;
     margin:0;
}

Thanks

[Muireann B]

Hurrah!

Thanks a million, that works perfectly!

[Joao]

Glad to hear it,

Joao

[Author]

Posts