Forum Replies Created
-
-
Hmm, although that would solve this particular issue, it doesn’t get to the root of the issue. You see, if I use the visual composer to create these rows and columns with padding, margin, border etc, the element gets assigned a code that should load in the correct styles. For example: vc_custom_1445039305628
If this appears in a normal page it works fine. However, for an unknown reason, when the same code comes in through a widget, it doesn’t use the right css.
What I’m doing is I’m creating a page layout using the visual composer, then switching to plain text view, copying the full code, then pasting that into a text widget item, which is then pulled into other pages using the widget sidebar component in VC.
Theoretically since the code is identical, the css should work, regardless of what page it appears on or whether it’s in a widget.
Any other thoughts?
Specifically ability to turn them on or off according to screen size. Animations tend to really slow down mobile sites.
Is there a way to disable animation only on mobile devices? I have a similar issue regarding unacceptably long load times on mobile due to animations. But I want the animations to work on desktop.
Hmm, well how is the between columns gap setting supposed to function? Should you normally be able to set margins between columns without it wrapping? Or does it put in a pre-defined gap of X size? Any idea what we could try to get the theme functioning as expected? We’re hosted on WP Engine, if that makes any difference (I know you have a buddypress work around)
Ok. It looks like you set the Between Columns Gap option to “no” and I see that by putting a new “row” inside each column you can set the margin there. But this seems like a strange work around. What is the purpose of the Between Columns Gap setting?
Seems that we need to somehow override the bootstrap column width of 33.3%. Can we have something like the call to action box setting where we can define the content width to be some % of the column width like 90% of 33.3%? Or can we define the between column gap directly in the row settings panel?
Also, how do you set custom styling for background and font color using the shortcode in the text editor?
Please check out this theme for a great example of how to document the use cases directly on your demo page.
http://the7.dream-demo.com/shortcodes/3-shortcodes/photo-albums-scroller/
Notice the “Get Settings” accordion right below each example.
It’s also very helpful to be able to see the Shortcode notation for cases where we can’t leverage the Visual Composer interface.
