Side panels on post

Is it possible to have side panels on a post such as in the picture. I need one on the left and right side of content that is in the middle so that i can place widgets in the side panels.

How would I achieve this, I dont want the side panels on my regular pages, just certain posts.

Hello @waynepatt58,

Thanks for writing in! By default, we only have three layouts in the theme. That is; the sidebar left | content right, Content Left | Sidebar Right and Fullwidth. We do not have a layout that displays sidebars on both sides of the post content. You can still achieve that by setting the global layout to Fullwidth in X/Pro > Theme Options > Layout and Design > Content Layout. And then you will have to edit each of your individual posts in Cornerstone and insert a three column row preferably 1/4 + 1/2 + 1/4 or 1/5 + 3/5 + 1/5 layout. You can insert a widget area element on each side and then add your post contents in the middle column.

Hope this makes sense.

I setup a sidebar to appear on a post however it simply does not show up on the post. I looked in theme options and have included a pic of what the options are set to below, are these correct?

content layout is set to sidebar right
content width set to 80%

Hi @waynepatt58,

Can you share exact page URL with issue? I saw you your 2 domain. The other with right sidebar, the other is fullwidth. Let us see which has issue so we can be exact on our recommendation. Thank you.

Please find the login details attached in secure note. The actual post I am trying to put the sidebar on is called (no title)

UPDATE: the post is now called sidebar test

I created a couple of other posts and the sidebar worked on them however it always appeared at the bottom of page below footer? but it will not work on the post with the name Sidebar test.

This is a staging site

Hi @waynepatt58,

By default the structure of main content container and sidebar is side by side with certain width set to each container. On Custom CSS and JS > Scrolling Link CSS you got this part where it resets the width of the main container to 100%.

 .x-main.left {
    width: 100%;
    padding: 0;
    }

Since it resets main container width to 100%, it moves sidebar below. Please remove it and try again.

I think that was put there for one particular page that a developer worked on. Is it possible to limit that code just to the page in question? so that it will no affect any other posts or pages.

Hi @waynepatt58,

Yes, you can place that to a specific page only, please move that custom CSS code to the Page > CSS area.




Thanks,

Thanks, that worked great, so I am wondering if I can just move all that code onto the one page and get rid of the plugin? The code was just for the one page called (no title)

Yeah, that is the purpose of that area, if you have a custom CSS that you only want to apply to a specific page, then the Page > CSS is the place.

Cheers!

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