Sticky footer just for main portfolio page

[MrK]

Hi I’m trying to make the footer stick to the bottom of the page just on my main portfolio page.

This works:
.x-colophon {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1;
}

but this doesn’t
.x-portfolio .x-colophon {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1;
}

thanks

[prakash_s]

Hello @MrK,

Thanks for writing to us.

It seems that the CSS selector is not correct, in case you have selected the template for the Portfolio then you need to use this selector for the custom CSS.

.page-template-template-layout-portfolio .x-colophon

So your code would be like this

.page-template-template-layout-portfolio .x-colophon {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[MrK]

Thank you Prakash it worked.

[prakash_s]

Hello @MrK,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks