Theme layout (sidebar) breaking when use custom layout

This thread is resolved. Here is a description of the problem and solution.

Problem:

I made a custom layout where I set it to be in just the content area. Attached is a screenshot of the settings of the layout. I wanted the custom layout in the content area only of the theme's layout, leaving the header, footer and sidebar as they are in the original theme.

Solution:

it seems to be a CSS conflict, I have done below modification, edit the layout "Layout for Funeral Music", edit the visual editor cell of row 1, change the codes in it from:

<div class="Shero-image">
<div class="spost-title">[wpv-post-title]</div>
</div>

To:

<div class="Shero-image">
[wpv-post-title]
</div>

Relevant Documentation:

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Front-end display, Integrating with your own theme, Layouts plugin

This topic contains 5 replies, has 2 voices.

Last updated by suec 6 years, 10 months ago.

Assisted by: Luo Yang.

Author

Posts

March 13, 2018 at 5:23 pm #624710

suec

I am trying to: Use a custom layout for a custom post type

Link to a page where the issue can be seen: hidden link

I expected to see:
I made a custom layout where I set it to be in just the content area. Attached is a screenshot of the settings of the layout. I wanted the custom layout in the content area only of the theme's layout, leaving the header, footer and sidebar as they are in the original theme.

Instead, I got: The sidebar is now down below the content

March 14, 2018 at 4:48 am #624823

Luo Yang

Hello,

It should be a compatibility problem of your theme, please check these:
1) deactivate other plugins and switch to wordpress default theme, and test again
2) If the problem is fixed, try to locate the problem plugin/theme, provide a download able URL for it, and describe detail steps to duplicate same problem, I need to test and debug it in my localhost.

March 14, 2018 at 4:10 pm #625017

suec

thanks

March 15, 2018 at 1:31 am #625120

Luo Yang

As your request, the image is removed, I have tried the Astra theme in my localhost, there isn't similar problem as you mentioned above, and since it is a compatibility problem, please provide a test site with same problem, and fill below private detail box with login details and FTP access, I need a live website to test and debug, thanks

March 16, 2018 at 4:54 am #625510

Luo Yang

Thanks for the details, it seems to be a CSS conflict, I have done below modification, edit the layout "Layout for Funeral Music", edit the visual editor cell of row 1, change the codes in it from:

<div class="Shero-image">
<div class="spost-title">[wpv-post-title]</div>
</div>

To:

<div class="Shero-image">
[wpv-post-title]
</div>

Please test again, check if it is fixed or not.

I am not sure why the HTML div with class="spost-title" will break the layout, it should be a CSS problem, if you sill need add the HTML div tag class="spost-title", please provide a duplicator package of you website, I need to test and debug it in my localhost. you can put the duplicator package in your own website, then update this thread.
https://toolset.com/faq/provide-supporters-copy-site/

March 16, 2018 at 3:28 pm #625717

suec

thanks so much! I guess I should have figured that out, but I had assumed the problem was that I did not fully understand Toolset and was using it wrong.