This author's response time can be up to 1 business day.
I have set up the separators in my builder. I have some things that are not clear:
1) You are using a svg attribute data-height! What is that? Is it the viewbox max-height value ?
2) each svg has a CSS height of calc(0.125 * 100vw). Why doesn’t it use the svg attribute data-height value ?
I need to add an option for the height on the separators but I am confused on what type of value.
About your questions:
1.data-height is the native SVG height that is affected by the scaling settings set in the row separator settings. The scaling is multipled by the specified height.
The formula for that is as follows: $height = (int) $svgs[ $atts[‘separator’] ][‘height’] * (float) $atts[‘scale’]
2. The calc value is a formula that ensures the separator is always proportional to the width constrained therein.
The formula for that is as follows:
SVG height from data-height / Separator Width * 100vw
If you want to alter the height of the separator outright, you can change the $svgs[ $atts[‘separator’] ][‘height’] into something else.
Don’t know if you had a question like in the comments but here it goes:
How can I use the separators Vertically. Are they build only for horizontal sections ?
If I can what do i need to change in order to convert them to be used vertically ?
A little note though, it might take more work than necessary to get it done right, as it wasn’t designed that way.
Hello. There is an issue I’m encountering where the separator cannot be hidden in a VC column when the column settings—> responsive options are set so that the column will not be visible on certain devices. E.g. if I don’t want a row to display on mobile devices, I can hide the column using the responsive options under VC, but the row separator remains visible regardless of whether it’s on its own in a column or if there is other content in the column.
Hello! We received a similar ticket earlier and we are working on it. We’ll be releasing our next version soon. We just need to do some testing as well.
But if you need a workaround, this can be also be fixed by applying a media query CSS with display: none attribute for smaller screens.
can you tell me how to get rid of a faint border on the arrow? it is almost like there is a stroke but I have that turned off.
Hello! I believe that we have resolved a ticket with this similar behavior.
We advice you to file a ticket to our support Site, so we can send you a dev copy with the fixes.
Hi there! I have trouble with this plugin. When i click on back button in my browser the settings fly off and when i reload the page all is good. How to solve this problem?
Hello there, can you tell us what you meant about “the settings fly off”? Is there a way for us to reproduce this? Also, it will be best if you file this issue to our Support Site so we can assist you better. If you can provide us a sample page with the issue, that will be very helpful as well.
I set row separator style at Homepage. When i follow to another page and after i click on “back browser button” (to follow back at home) all separator setting are lost, but when i reload Homepage – all is good. What is the problem, maybe you know?
Hi! Do you mean that accessing your Homepage using your site links doesn’t load the separators? Then it only loads when you refresh them? By any chance, are you using an AJAX Transition in your site?
With problems like this one, it will be best to file a ticket in our support site. Providing us your page will be very helpful as well, so we’ll know what may be possibly wrong.
Alternatively, you can do a quick check in your site and see if you have an AJAX Transition. If there is one, you can temporarily disable it and see if the Row Separator shows up again. If it does, then it will also mean that you need to add our JS Callback code in your theme/AJAX settings. By then, please let us know how it goes.
Hi, I have submitted a ticket yesterday and also just now, but i have not received a confirmation yet. Could you please check and follow up? Thanks!
Hello there, just letting you know that we just sent a response to your ticket.
Thank you! I have just sent another ticket. Could you please check that too? Thanks.
Hello! We just sent you a reply in your ticket. Just letting you know as well that we usually answer tickets within the day.
i had a question, but saw you have a ticket system, so i moved my question over to there.
Hey there, we just received your ticket. Same with the login details. We’ll reply to you again as soon as possible.
im using the Xstore theme at work, and sadly this plugin is not working with full width rows, only default ones will visualize it
Hi tobal, when you mentioned that it is not working with full-width rows, does the separator still appear partly and missing a feature, or it doesn’t appear at all? We advise you to file a ticket in our Support Site at http://support.gambit.ph/ so we can help you better. And if possible, send us a sample of your page as well so we can check on it. Thanks!
Using Basel Theme, the separator is set to display:none. Means, it does not appear in frontend unless I manually set CSS-value for separator to display:block … which is pretty much annoying. Any idea what the matter is?
One more thing: Color of separator remains black, whatever bg-color the parent-row is set to.
Edit II: To fix I need to override CSS like:
Plus: I cannot flip horizontally also … oh man
Hello Venone, we’re sorry about the problem you’ve encountered.
Most of the time, the stylings should work including the row color. But it happens that the styles are not being applied if the version of WPBakery Page Builder (formerly Visual Composer) has been modified by the theme. There are also some cases where themes may also override the row’s styling, which may affect how the plugin works.
With this, most of them can be fixed by manually applying the CSS (similar to adding the fill and display).
As for the Row Separator that can’t be flipped horizontally, please let us know what separator you’re using so we can check on it further. If you have any other questions or concerns, we highly recommend you to file a ticket to our Support Site at http://support.gambit.ph/
Possible to create a diagonal separator to create the two columns here
How to make 2 columns so a in diagonal column As on the example here https://img4.hostingpics.net/pics/950661201711151137.png I’m talking about putting a picture diagonally as in the picture
Hi there! The current version of Row Separators can only support rows.
This looks like a good idea though! I’ll let our developers know about this brilliant design idea and see what we can do. In the meantime, this will be in the list of suggested future features. Thank you for bringing this idea up!
hello the custom svg option is causing google chrome to freeze so i can’t work on the page …try putting a large svg custom separator in chrome or try a couple on same page you’ll see what i mean …can you please fix? i can’t even work on my site this way
Hi! We’re sorry about that, Joseph, but it is not recommended to use a large custom SVG for the separators. Not only because it will cause slow downs and possibly freezing in the backend, but it will also affect the frontend where the actual page is viewed. SVG codes will also add to the size of your page which will affect the loading time.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $4.50
Deliver better projects faster. Photos, templates & courses
Unlimited downloads. Only $29/month
Learn almost anything with
Envato Tuts+ for free
25,000+ tutorials and 1,000+ courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work