Docs

[nathanr_]

Hi,

I have a few questions about customising the blog:

1. I have added a transparent header on the site which turns black when you scroll down, however on the blog page and all the associated blog pages I don’t want it to be transparent at all, just be black from the start, is there a way to make it not apply to the blog pages. The code I used to make the header transparent is:

css:

/* make header transparent – HEADER
———————————*/
@media (min-width: 950px){
.x-topbar, .x-navbar, .x-logobar {
background-color: transparent !important;
}
}

Javascript:

jQuery(document).ready(function($) {
$(window).scroll(function() {
var scrollPos = $(window).scrollTop();
navbar = $(‘.x-navbar’);

if (scrollPos > 100) {
navbar.addClass(‘alt-color’);
} else {
navbar.removeClass(‘alt-color’);
}
});
});

2. I added the below code to add padding to the post pages:

/* add padding to blog post pages – BLOG
———————————*/

.single-post {
margin-left: 17% !important;
margin-right: 17% !important;
}

The code works great however it also adds padding to the footer . . how can I make it exclude the footer?

Thank you
Nathan

[nathanr_]

This reply has been marked as private.

[Joao]

Hi There,

1- Please add the following code to Appereance Customizer Custom CSS

.blog .x-topbar,.blog .x-navbar,.blog .x-logobar {
	background-color: black !important;
}

If you would like the posts to be black as well add instead

.blog .x-topbar,.blog .x-navbar,.blog .x-logobar, .single-post .x-topbar,.single-post .x-navbar,.single-post .x-logobar {
	background-color: black !important;
}

For the footer , please add:

.single-post .x-colophon.top {
margin-left: 0% !important;
margin-right: 0% !important;
}

Hope it helps

Joao

[nathanr_]

This reply has been marked as private.

[Friech]

Hi There,

Remove this from your custom CSS.

.single-post {
margin-left: 17% !important;
margin-right: 17% !important;
}

Add this instead:

.single-post .x-container.offset {
	    width: 88%;
}

Hope it helps, Cheers!

[Author]

Posts