[drulesParticipant]

I would like to indent a white background with text on a content band. It will only offer top and bottom margin in the content band. Maybe I’m using the wrong element. I am referring to the inner content band. They are nested.
You can see the white box under the header lego serious play
http://www.innovationculturegroup.com/toolsinspiration/

[ChristopherModerator]

HI there,

You can add padding-left: 100px;padding-right: 100px; in style field of content band 1.

Thanks.

[drulesParticipant]

No luck. that didn’t work.

There is no indentation from the side of the site. I have tried padding-left as well as margin-left, neither indents the phrase in the white box. …unless I’m supposed to be using another feature of visual composer.

http://www.innovationculturegroup.com/

<h4 style=”line-height: 20pt; margin: 0in 0in 12pt; text-align: center; margin_left=”50px” margin_right=”50px” background: #ffffff;”>[content_band inner_container=”true” padding_top=”50px” padding_bottom=”50px” margin_left=”50px” margin_right=”50px” border=”none” bg_color=”#ffffff”]We help create cultures that are engaged,
agile and innovative
That thrive under conditions of rapid change
[/content_band]</h4>

[Rue NelModerator]

Hi There,

Please see the screenshot and notice where we added the padding for the content band.

If you’re not using visual composer, your shortcode should look like this:
[vc_row padding_top="0px" padding_bottom="0px" border="none" style="padding-left: 100px;padding-right: 100px;"][vc_column]Your content here[/vc_column][/vc_row]

Hope this helps resolve the padding issue you are having.

[drulesParticipant]

Yes that worked when placed in the outside content band. Thanks for all your help.

[Rue NelModerator]

Awesome! Glad that it works to resolve the issue.

[bgwindowfashionsParticipant]

I have also used this to center the text on my site. I changed my layout to using full width, so i increased the padding to 200px but now the problem is it doesn’t display properly on mobile. Is there another way to keep the text centered with a decent amount of space on the sides so that it shows properly on mobile?

I’ve never seen this before, but is there a way to make the padding responsive? i.e. on mobile padding changes from 200 to 50

Thank you!

[ThaiModerator]

Hi @bgwindowfashions,

Instead of using padding, please try with this inline CSS:

margin-left: auto;margin-right: auto;display: block;float: none;

If it doesn’t work, please provide us with your website URL so we can take a closer look.

Thank you.

[bgwindowfashionsParticipant]

Thank you. Should I add this code to the css for the page/row/column/etc ?

[bgwindowfashionsParticipant]

So the workaround I am using now, is the split the row into 6 columns, 1/6 + 2/6 + 2/6 + 1/6. Leaving the first and last columns blank. This works on the front end visual composer, but it does not work in the back end preview or if I publish the site. Thoughts?

I’ve attached an image of how I want the general layout to be.

[ChristianModerator]

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Author]

Posts