Inner Container not working

Support
#1

Hello,

I have Xtheme 6.3.3 installed and cornerstone and visual composer are up to date.

In Content band settings, I am checking Inner container box. I have a background image attached.
The text is properly aligned within the inner container but the background image goes full width. The image should respect the inner container rule but it does not.

This used to work well, but now i cannot create any new pages that have background images respecting the inner container rule. The website is creative27.com to see the issue live, go to creative27.com/contact

If you scroll to the bottom of the page you’ll see Los Angeles and yellow background graphic, this background is set in inner container.

#2

Hi,

I checked and can see that the background image was set to your content band instead od inner container.

Try adding a unique ID to your content band then use it to add a background to your container.

eg. If you added my-band as ID

You can then add this in Theme Options > CSS

#my-band .x-container {
      background:url(https://nb6gx25bg013q32uq3y8z2h7-wpengine.netdna-ssl.com/wp-content/uploads/2018/10/creative27-los-angeles-hq.svg) no-repeat top center;
}

Hope that helps

#3

Hey Paul,

Thank you for your reply, I appreciate the response.
Paul, I’ve used the x-theme for the past 4+ years. During this time, I never had to go through this process. This is something that just stopped working recently.

While the process you’re describing might help, I was hoping there’s a way to address the issue so that i may continue to use this in the way it was designed.

#4

Hi,

That’s how it has always work. If you check Inner container box, it will add another <div> inside your content band <div> but background that you have added will be added to your content band and not to your container </div>.

<div id="x-content-band-1">
<div class="x-container max width wpb_row">  <!-- this div is your inner container -->
....
</div>
</div>

Another thing that is affecting your content band width is your page template. I can see you are using No Container template which makes your content band expand to full width. Maybe before, you were using default template which makes you think it was contained in a container.

Thanks

#5

Hey Paul,

Thank you for the through response, i very much appreciate it.

On a page I’d like to have items that are both full width and in inner container. What would you say is the best approach for this?

#6

Hi There,

Thanks for writing in!

You can make mixed sections with inner contain off and section with inner container.
Just add sections and make the row as inner container off if you don’t want the inner container to be there.

This will do the full-width section.

If you keep the inner container on, this will create the container section.

Hope you are looking for something like this.

Thanks

#7

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