Custom Headline above container and sidebar

Support
#1

Hi,
I can’t figure out how to add a custom headline to a page in which I choose template “Layout - Sidebar left, Content right”. I want to put it above the container and the sidebar, like in the Integrity 9 Demo:

Also, how can I remove the container (or make it transparent) as in the Integrity 9 Demo (http://demo.theme.co/integrity-9/blog/). I think it’s something to do with the “entry-wrap” class, but I don’t know how to change it. I think I need to set the Fullwidth layout, but keeping the left sidebar. How can I do this?

Thank you!

#2

Hey,

I am not sure if I understood your question because if you use the Integrity layout (that can be enabled in X > Options > Stack) - the title will be the same of the screenshot and the content will be the same of the URL.

#3

Hi,
I started with X Theme, enabled the Integrity layout, and then upgraded to Pro Theme, changing then everything of the Integrity 9 Demo. Now, I’m trying to customize this page (http://www.giacomodenanni.it/blog/) that is set with “Layout - Sidebar left, Content right”. I want to put a Custom Headline above the sidebar and the container, but I can’t figure out how to do that.
Maybe I can do that with the Header Builder, but in this way I will affect every page on the website (something I don’t want to happen). Is there another way possible?

Hope I make myself clear

Thanks again!

#4

Hi there,

Thanks for the info.

If you are using the Integrity stack, the default layout of the blog page would still be sidebar left and content right. All you have to do is to set the blog page as the post page in Settings > Reading > Front page displays > Post Page.

If you still can’t see the title on the blog page, navigate to Pro > Launch > Options > Integrity > Blog Header : enabled.

Hope this helps.

#5

No, that’s not the problem. I don want to set the page as the Post page because, doing so, I won’t be able to customize the page anymore.
The problem is: if I go to Content Builder and choose the blog page (this one: http://www.giacomodenanni.it/blog/), I can create a section only in the container part, that is on the right of the sidebar (red circle). I want to put the title above both sidebar and container (green circle) but I’m not able to do it (as you can see in the picture).

I’ll put my credential in Secure Note (that I was thinking I already gave you) if you need…

Thanks!

#6

Hi there,

First is to set the page template to the Default Template then edit the page in Cornerstone. Once you are in Cornerstone add the section that will contain the heading of the page. Then create another section with two columns. Choose the column setting where the left column is 1/4 of the entire row. Then add a Widget Area element to the left column and the other contents to the right column.

Hope this helps.

#7

Hi,
I followed your instructions, and I was able to put the headline above all.

But now there is another issue: the Recent Post element is too small. I’ve tried everything I know, for example changing the columns margin, but nothing has worked.
I want to fill the green gap (see the picture below). In other therms, I want the recent post having the same width as in the Integrity 9 Demo, meaning the sidebar and the content area have got the same proportions.

Hope I make myself clear.

Thank you!

P.S. As I was writing this post, I realize that on Chrome seems everything okay, the Recent Post element is wide enough, but on Safari (the browser I use the most) it is not. How is it possible? How can I fix this?

#8

Well, I think I managed out the thing with “width: %” css code, and duplicating the two elements and customizing them for the mobile size.
But, if you have time to answer to my questions anyway, it would be very helpful and instructive.

Thanks!

#9

Hi,

I can see you trying to manually create your blog.

You can actually set your page as blog under Settings > Reading

Then add the code below in your child theme’s functions.php file to a sidebar to it

// Make sure that  the blog index has the sidebar
// =============================================================================
function sidebars_in_blog_index($contents) {
  if ( is_home() || is_singular( 'post' ) ) {
    $contents = 'sidebar-content';
  }
  return $contents;
}
add_filter('x_option_x_layout_content', 'sidebars_in_blog_index', 5);
// =============================================================================

Hope that helps.

#10

Hi,
thank you very much!

But the problem is that, after setting the Blog page as the Post Page, I can’t customize it anymore. Right? The only way, maybe, is to use CSS code, right?

#11

HI There,

You’re always welcome.
Yes, once a page is set as post page, it cannot be edited anymore using any page builder. Its content is now controlled by the template. That is how wordpress works by default. We can edit it now using CSS or by customizing the templates.