how to add left margin on content band – Themeco Community

how to add left margin on content band

drules — Tue, 03 Mar 2015 02:01:15 +0000

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/

Reply To: how to add left margin on content band

Christopher — Tue, 03 Mar 2015 11:57:32 +0000

HI there,

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

Thanks.

Reply To: how to add left margin on content band

drules — Tue, 03 Mar 2015 23:06:21 +0000

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/

[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]

Reply To: how to add left margin on content band

Rue Nel — Wed, 04 Mar 2015 08:39:27 +0000

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.

Reply To: how to add left margin on content band

drules — Wed, 04 Mar 2015 23:03:38 +0000

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

Reply To: how to add left margin on content band

Rue Nel — Thu, 05 Mar 2015 02:20:01 +0000

Awesome! Glad that it works to resolve the issue.

Reply To: how to add left margin on content band

bgwindowfashions — Tue, 29 Mar 2016 14:48:31 +0000

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!

Reply To: how to add left margin on content band

Thai — Tue, 29 Mar 2016 17:16:54 +0000

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.

Reply To: how to add left margin on content band

bgwindowfashions — Wed, 06 Apr 2016 13:08:39 +0000

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

Reply To: how to add left margin on content band

bgwindowfashions — Wed, 06 Apr 2016 13:21:43 +0000

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.