Header logo alignment

Posted in: Newspaper
Post count: 29

Hey,

How can I change the header logo alignment? It used to sit left but somehow it now is centred and I have no idea how to change this.

See it here – http://ucgeek.co/

Post count: 7909

Hi,

If you use header style 3 or 6 to display full width logo, it will be centered like in your case. You can change the header style to style 1 – http://screencast.com/t/rW27TfhhAq but the logo image will not be displayed full width.

Thanks!

Post count: 29

Thanks for your reply. That doesnt really work for me as I want the larger area you get from my current settings.

Would you be able to help me with some custom css to push the logo across to the left?

Post count: 7909

Hi,

You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/jfnt6KjQisOI

@media (min-width: 768px){
.header-style-3 .container-fluid {
text-align: left !important;
padding-left: 0 !important;
}
.header-style-3 .td-grid-wrap {
padding-left: 0!important;
}
}

Thanks!

Post count: 29

You’re a champion! Thanks so much 🙂

Post count: 29

This fix doesn’t seem to work in Newspaper 6. Any idea how I can make it work?

See site here where I am testing – http://obsessedefficiency.co/

Post count: 7909

Hi,

I have checked your site and you use header style 10 and the logo is center – http://screencast.com/t/GGF4XVLJModD
Please provide more details about what you are trying to do. Newspaper 6 is practically a new theme and the old custom css will not work. So please set your header style that you want to use and provide more details what you want to do maybe I can help you with custom css.

Thanks!

Post count: 29

Hey,

I changed it to centre, I’m still playing around. When I use the default setting the logo sits to the left but its indented a few center meters and doesn’t look very good. I was looking for a way to target the logo using the custom CSS so that I can move it further to the left.

Cheers!

Post count: 7909

Hi,

I’m not sure if this is what you mean. By default the logo on header style 1 has some margin and padding – http://screencast.com/t/5T7wgrYtW
If you want to customize it, you can do it via custom css in Theme Panel > Custom Css – http://screencast.com/t/bBJGLtg7LjSf

.td-header-style-1 .td-header-sp-logo {
margin: 28px 28px 9px 0px;
padding-left: 0 !important;
}

Thanks!

Post count: 29

Exactly what I am after thanks!!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.