[Shawn NParticipant]

Wondering where in the X-theme modified Visual Composer I can find the design options menu. Its not where it normally is if you are using the purchased VC plugin version (not bundled with theme). I need to adjust padding and margins around a VC row but whats available in the X-theme VC version is stripped down or not to be found for this in row menu options. Attaching a screen shot from the purchased Visual Composer where these adjustments are available.

Anyone know why this isn’t in the x-theme VC version? How to get it in there?

Thanks.

[Shawn NParticipant]

Anyone?

[ChristianModerator]

Hey Shawn,

Please see https://theme.co/x/member/kb/integrated-plugins-visual-composer/ for a detailed explanation.

Thanks.

[Shawn NParticipant]

OK – I read that. Is there anyway to achieve the results I am looking for normally done using the stand-alone VC design options menu? Right now if you set a background in a VC content row, the text or image within it, is slammed right up against the left side, no margin or padding. Its all kind of irregular for padding/margin around the entire content row. Using Icon stack.

Thanks.

S.

[Paul RModerator]

Hi Shawn,

Can you provide the url of the age you are having a problem with.
We can provide you with the custom css code to add padding or margin to your image.

Thanks

[Shawn NParticipant]

Hi – I made a test page for this. To demonstrate the problem.

To clarify – I have this photo and text content within a VC (Visual Composer) text element/row. I have the red background color set from VC options for the VC row in backgrounds (solid, default width). As you can see the photo is up against the left side. I’d like an even padding all around (top, bottom, sides).

http://ontariostargazing.ca/test-page/

It would be great to have the standard VC design options menu to add custom padding and margins etc rather than having to add CSS. Not sure why this aspect of standard VC was removed or not included.

Thanks in advance!

[ChristianModerator]

Hey Shawn,

Please delete the code below in your Appearance > Customize > Custom > CSS first.

.x-content-band {
padding: 0px 0 !important;
}

You can set the padding top and bottom of the row or content band individually (see http://prntscr.com/5j8sqt). For left and right paddings, you need to simply add padding-left and padding-right property and set their values in the content band’s style field or attribute (see http://prntscr.com/5j8sz2).

As discussed in our Visual Composer article – Included Shortcodes section,

We don’t have any control over how Visual Composer outputs their code to the theme, which might not be in line with our present performance standards.

With that said, it might be easier to set the paddings visually but the performance impact is great.

Hope that helps. 🙂

[Shawn NParticipant]

OK. I will try your suggestions. Thank you.

[Shawn NParticipant]

Hi – I tried what you suggested above. The image is still butted up against the left side though. I think I dont have the class identified properly for the specific VC row in question – where do I put it? I know in the stand alone VC there is (for each individual row) an option in the settings menu to input the class name so you can target it with the CSS code. I dont see that in your VC version. Thanks again.

[ZeshanMember]

Hi Shawn,

Upon checking, it seems you have used comma (,) instead of a semi-colon (;) in your inline styling (see: http://prntscr.com/5jnqwb) that’s the reason of this issue. Please replace your inline CSS with following:

background-color: transparent; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px;

Cheers!

[Shawn NParticipant]

and that worked! cool. Thanks so much!

S.

[AlexanderKeymaster]

Awesome! Thanks for letting us know! To provide a bit more context on the original question. We’re not actually modifying Visual Composer in this instance. The WPBakery developers provide a function allowing theme developers to disable those options in favor of theme native ones (like our custom CSS field for example.)

[conteParticipant]

hey,

i am also missing the design options.

how can i set the margins?
like the distance between VC items is huge and I dont know how to change it.

thanks

[conteParticipant]

when I disable X integration all works perfect but of course all the cool elements are gone!!!

[RupokMember]

Hi @conte

Thanks for updating! If you enable X Integration then you will lose the Native VC feature and will get some overriding feature by X. However if you need the native Visual Composer design option, you must disable X Integration.

Thanks

[Author]

Posts