Blog post page to be full width

OK… since I have clicked on +Support I expect to have some.

I am trying to change the style of the blog pages to look as a normal page and no matter what I am doing it doesn’t work.

I can’t find what I need in the new knowledge base to fix the issue myself.

I have already tried this following from another post but it didn’t work:

.single-post .x-main.left {
width: 100%;
max-width: none;
}
.single-post aside.x-sidebar.right {
display: none;
}
.single-post .entry-content {
padding: 0 !important;
}

.single-post .entry-wrap .x-container.max {

min-width: 100%;
width: 100%;
}
.single-post .p-meta {

display: none;

}

Can you please help me?

Cheers,

Kenza

Hi Kenza,

To make your blog posts page full width, you can add the code below in your child theme’s functions.php

function add_post_mysidebar($layout) {  
  if(is_singular('post')){
   $layout = 'full-width';  
  }
  return $layout;
}

add_filter('x_option_x_layout_content', 'add_post_mysidebar',999);

Hope that helps.

Hi Paul,

So far I have been only adding CSS under Appearance > Customise > Custom

I don’t really know how the child themes work or how to update them

Hi @Kenza,

You can check the link below on how to setup your child theme.

for customization guide:

Hope it helps.

Let us know how it goes.

Thanks.

Hi Nico,

If I upload a child theme, would I loose all the work that I have on the website (all the pages, settings and custom css)?

Kindly,

Hi There,

No, you won´t.

Hope it helps

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.