This thread is resolved. Here is a description of the problem and solution.
Problem: I'm using Divi Builder to construct a Content Template for a CPT, but some CSS and JS is not being applied to the page. The grid system is not working as expected, and everything is 100% width. Also some other formatting is not applied correctly.
Solution: It appears that the integration between Divi Builder and Content Templates has a problem when the Divi theme is not in use. Please apply the following code in a functions.php file as a temporary fix:
function add_template_to_post($content){
global $post;
$post->page_template=get_post_meta(get_the_ID(),'_views_template',true);
return $content;
}
add_filter( 'the_content','add_template_to_post',9);
function change_post_meta_value($metadata, $object_id, $meta_key, $single){
global $post;
$meta="_et_pb_use_builder";
$array=array( 12345, 67890 );
if(isset($meta_key)&&$meta_key==$meta&&in_array($post->page_template, $array)){
return "on";
}
return $metadata;
}
add_filter('get_post_metadata', 'change_post_meta_value', 10, 4);
Replace "12345, 67890" with a comma-separated list of Content Templates that are showing the missing styles. Our team is working on a permanent solution to this problem.
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 |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 12 replies, has 2 voices.
Last updated by 6 years, 9 months ago.
Assisted by: Christian Cox.
I am trying to: use the Divi builder to create a content template for a custom post type which I have created with Types
Link to a page where the issue can be seen: hidden link
I expected to see: the layout of the page should match the layout I created in the builder
Instead, I got: all the fields I added into text fields display one after the other with no layout or functionality.
When I inspect element on the page, I can see the divi builder div classes, but none of the CSS is being applied.
I am using the Divi Builder plugin alongside the Central WordPress theme - I have used the builder on a page and it worked correctly.
Many thanks
Hannah
Well I can see from this Training-2 page that the column system CSS depends on several wrapper elements that are not present on the Intro to GA training page:
.et_divi_builder #et_builder_outer_content .et_pb_gutters2 .et_pb_column_1_3,
.et_divi_builder #et_builder_outer_content .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
width: 31.333%;
}
Specifically these two elements do not exist:
#et_builder_outer_content .et_pb_gutters2
Both of those elements are required in order to apply the one third width style that's applied on the training-2 page. Not exactly sure what's causing that. Could you follow these troubleshooting steps to see if we can narrow down the issue?
- Temporarily activate the parent Divi theme and deactivate all plugins except Types, Views, and Divi Builder. Reload one of the training-course single posts on the front-end.
- Is the column system appearing as expected now? If so, reactivate your child theme, then your other plugins one by one until the conflict is revealed.
- If the column system did not appear as expected, I'll need to take a closer look. Please provide login credentials for wp-admin in the private reply fields here.
