Skip Navigation

[Resolved] toolset layout to display on posts template and full background image on posts

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

Problem:
The user has a full background image on some pages and would like to have them for the posts pages too.

Solution:
The theme applies a white background on posts pages template. This must be resolved by a custom CSS style:

body.custom-background #main-content {
    background: transparent;
}

We can scope this style to specific page by ID:

body.custom-background.page-id-559 #main-content {
    background: transparent;
}

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.

This topic contains 9 replies, has 2 voices.

Last updated by Jamal 5 months ago.

Assigned support staff: Jamal.

Author
Posts
#1573551

Tell us what you are trying to do? trying to get toolset layout to display on posts and also full background image

Is there any documentation that you are following? there was none given

Is there a similar example that we can see? no

What is the link to your site? hidden link

#1574183

Jamal
Supporter

Languages: English (English ) French (Français )

Timezone: Africa/Casablanca (GMT+01:00)

Hello and thank you for contacting the Toolset support.

I am not to understand what do you mean by "get toolset layout to display on posts"

I'll still suggest checking this reply which explains how to use an image in the background for the whole page or for a certain layout container
https://toolset.com/forums/topic/container-full-image-background/#post-369593

You may also want to check our reference site and how we created a background image on single property pages:
- https://toolset.com/reference-site/toolset-real-estate/

It is also worth to mention this documentation article https://toolset.com/documentation/user-guides/layouts/

#1574467

this is what I am talking about, as you look at this dealership website you will see a full background image behind the content, I am trying to do add that to the post. the image in the background have pillars, I can do this with divi but I dont want to combine divi builder with toolset on a post.

also for toolset layout, I am trying to add the tabs that I have created on tool content post template but dont know how. thanks

#1575275

Hi Jamal this is what I am talking about, where this dealership site have tabs on the bottom of their post page but I dont see anywhere on post template where I can add the toolset layout plugin to display on the post page.

#1576901

Jamal
Supporter

Languages: English (English ) French (Français )

Timezone: Africa/Casablanca (GMT+01:00)

Hello!

For the background image, you can use the solution that I suggested in the following links.
https://toolset.com/forums/topic/container-full-image-background/#post-369593

If you found any troubles implementing it, please allow me temporary access to your website and specify which layout and post to test with and I'll help you fix it.Please make a database backup before sharing credentials. Your next reply will be private to let you share credentials safely.

Regarding the tabs issue, please check how to use the Tabs Cell with layouts here https://toolset.com/forums/topic/container-full-image-background/#post-369593
And make sure that you are loading Bootstrap styles/scripts from your theme or from Toolset->Settings.
If it does not help, please create a new ticket for the tabs issue and we will help you with it. For support rules, we are able to handle only one issue at the time. This helps us to bring you a better service and also help other users to find all the information here exposed.

Best regards,
Jamal

#1580919

Jamal
Supporter

Languages: English (English ) French (Français )

Timezone: Africa/Casablanca (GMT+01:00)

Please ignore all my previous suggestions, they were about working with Toolset Layouts.

As you are building the "Inventory" page with blocks, I would suggest doing the following:
- Add a "Toolset Container" block to the page.
- In the block settings(right sidebar), choose your background image.
- Drag the View block and drop it inside this container block.

About tabs, you will need to install a plugin that offers a Tabs block, then insert inside each tab the content that you desire(gallery, text, field values, etc.). Here are some plugins that offer a tabs block:
- https://wordpress.org/plugins/kadence-blocks/
- https://wordpress.org/plugins/ultimate-blocks/
- https://wordpress.org/plugins/advanced-gutenberg/

I hope this helps. Let me know if you need anything.

#1581837

I did all that you have suggested but I am still not able to get the full background image to display on the inventory page.

#1582365

Jamal
Supporter

Languages: English (English ) French (Français )

Timezone: Africa/Casablanca (GMT+01:00)

It seems that your theme defines a white background color for the main content area. Check this screenshot hidden link

To make the background transparent for all the website add the following CSS code to the WordPress Customizer in Appearance.

body.custom-background #main-content {
    background: transparent;
}

If you want to apply it only for the Inventory page, add the following code:


body.custom-background.page-id-559 #main-content {
    background: transparent;
}
#1595411

where do I apply can you send me a screen shot where to apply this code thanks

#1595435

Jamal
Supporter

Languages: English (English ) French (Français )

Timezone: Africa/Casablanca (GMT+01:00)

Check method 1 of this article hidden link