Increase header height

Posted in: Newspaper
Post count: 23

How can I increase a header height? And the logo there.

I’m using header style 1.

Post count: 35449

Hi Garba,

That can be done just whit custom css
https://www.screencast.com/t/LXMXBFt9u
If you’ll like to try, here is the code from example
.td-header-sp-logo {
background-color: red;
height: 200px!important;
width: 400px!important
}
.td-header-sp-recs{
width: 50%!important;
padding-top: 50px!important;
}

Just paste it in Newspaper>Theme panel> Custom code> Custom css

Thank you.

Post count: 23

Thanks Calin for your help.

Unfortunately, I was unable to make the correct sizes. Please see the link and give my an exact code for appropriate view both for header, logo and header ad.

http://beautymagazine.ge/

Thank you in advance.

Post count: 35449

Hi,

If this is what you need https://www.screencast.com/t/Ken6uwpdo0d
then you can use this code :

.td-header-style-1 .td-header-sp-logo {

margin: 28px 0;
}
.td-header-sp-logo img {
margin-left: 0 ;

}
.td-header-sp-recs {
margin-left: 56px!important;
}

Thanks.

Post count: 23

I want to specify, I need:

1. Header background: height 250px
2. Logo: 237×118 (aligned left and center in height)
3. Header ad: 728×90 (aligned right and center in height)

Post count: 35449

Hi,

Hope this will help you.
replace the code whit this one:
.td-header-style-1 .td-header-sp-logo {

margin: 28px 0;
}
.td-header-sp-logo img {
width: 237px!Important;
max-height: 118px!Important;
margin: 0 ;
margin-top: 66px ;
margin-bottom: 66px ;

}
.td-header-sp-recs {
margin-left: 56px!important;
width: 728px!important;
height: 90px!important;
margin-top: 80px!important;
margin-bottom: 80px!important;

}

.td-banner-wrap-full {
height: 250px!important;

}

.td-header-sp-logo{
margin:0!important;
}

  • This reply was modified 7 years by Calin.
Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.