Docs

[donnamos]

I have started learning Visual Composer (VC) and like it’s features and such. I tried Cornerstone and don’t like it so much. Especially since you can’t make any edits outside of it or even see the html code. I am having trouble seeing most of the components available in Visual Composer and many of them don’t work correctly. So, here are my questions:

1) How do I use X theme short codes in VC?
2) How do I perform the functions that are disabled in VC when I have X integration selected?
3) Do I need to have the X short codes plugin installed? And if so, how do I install it? I could not activate it so I removed it thinking that I would get a message that it’s needed with an opportunity to reinstall it but I didn’t.
4) How do I add a border and/or a background color to a text block or other components if I have VC X integration enabled?
5) How do I prevent even just trying to add a VC component from consuming all the memory and I/O usage from my entire cPanel account.

I look forward to your help!
Thanks,
Rob

[donnamos]

6) How do I add round corners to an area?
7) How do I change the color and thickness of a border?

[Lely]

Hello Rob,

1.)You can put the shortcode inside a text element. Please check this link for the list of shortcodes:http://demo.theme.co/integrity-1/shortcodes/

2.)You can find the settings in Visual Composer > X integration tab. As long as you don’t Enable Remove Native Elements your VC will be fine. Just note that since X integration is active certain shortcodes are overwritten with customization.

3.)Note that Cornerstone plugin is a required for X theme even if you decide to use Visual Composer. As long as X theme is validated, it will be installed automatically. X shortcode plugin functionality is now embedded into Cornerstone.

4.) We can utilized style field for every element. For example, we can add border:1px solid red; background-color:red; on the style field of text element. Other elements too, might have that option available already and no need to use style field.

5.)We only customize some elements but not how VC handles usage of memory.

6.) & 7.) We can add something like this on the style field: border-radius:5px; But of course it will only work if you have a border: 1px solid red;1px is border thickness and red is border color.

Hope this helps.

[donnamos]

Thank you Lely, this is helpful. But one thing is still not clear.

Regarding

4, 6, & 7) Where is the Style field to put the code you referenced? I can’t seem to find it.

Thanks for your help!
Rob

[Friech]

Hi Rob,

STYLE field is the last option of every element.

Thanks.

[donnamos]

Oh no. I’m not using Cornerstone. I tried it. I created three pages using it and didn’t like it. I was starting to get used to it but when I thought more about how it locks you in to not being able to edit anything in html or any other method or everything is lost I decided forget that.

1) How can I achieve these edits using Visual Composer?

2) Also, when working on improving the drastically slow page load speed I ran the GoDaddy tool I learned that Cornerstone was consuming about 25% of the Plugins impact. See attached screenshot. Then I decided to recreate the pages I did do in Cornerstone so I could deactivate it. But in a recent support post, one of the support reps said that even if I don’t use Cornerstone, it must be kept active. This is terribly disappointing. Is there really no way I can disable it and remove its weighty overhead? Isn’t there something that can be done?

Thank you very much and appreciative for your support and assistance (but quite disappointed in the theme).

Sincerely,
Rob

[Rad]

This reply has been marked as private.

[donnamos]

Thank you for the education on how much the Cornerstone plugin is affecting the page load speed.

Now back to the question at hand. How can I add a border and a background color to a text box? I can’t find where to enter class and Style fields. Should I add a different element to put text in?

[donnamos]

I also tried using a Text Block. The green background shows but I can’t get the border I set to show up. See attached screenshot.

[donnamos]

And I don’t see where I can enter a class or style setting using the Text Block.

Thank you for your help in figuring troubleshooting this issue.

[donnamos]

Here’s another question. How do I get the Soliloquy slider to work in VC?

Thank you.

[Christopher]

Hi there,

Please switch to text tab and wrap your text within a <div> tag with specific class name.

e.g:

<div class="custom-class">text goes here</div>

Now insert following CSS in customizer :

.custom-class{
background-color:red;
border:3px solid #000;
padding:20px;
}

In regards with soliloquy, please add its shortcode in a text or raw content element.
If you need further assist, provide us with URL and login credentials in private replay.

Hope it helps.

[Author]

Posts