Separators size

Hey Anna Christina!

After you drag and drop the separator click on Edit and select Custom you have options to change a lot of the settings there.

We need to know how exactly you need the separator to look like in the end please provide us a mockup of the separator so we can help you better.

Best regards,
Vinay Kashyap

Hi!

Yes you can create custom separators and use it at a later stage.

The result will look like the screenshot below

To do so you need to enable custom class support for the theme as mentioned in this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

After you enable it you can add different class names such as separator-1, separator-2, separator-3 and separator-4 to the short separator in Advance Layout builder.

/*Separator Styles*/
.separator-1 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;
}
 
.separator-2 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;    
}
.separator-2  .hr-inner {
    width: 50%!important;
    left: 50%;
    margin-left: 0!important;
    transform:translateX(-50%);
}
 
.separator-2 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;    
}
.separator-3  .hr-inner {
    width: 100%!important;
    left: 50%;
    margin-left: 0!important;
    transform:translateX(-50%);
}
 
.separator-4 .hr-inner-style {
    border: 1px solid #bab3ba!important;
    background: #fff!important;
    width:20px;
    height:20px;
    top:-5px;
}

Cheers!
Vinay Kashyap

• This reply was modified 8 years, 10 months ago by Vinay.