Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 30, 2016 at 3:49 am #666748
    noefresh

    I would like to add a vertical separator to the left of the large amount of text in the first white section. And then reduce the space between the image at the bottom of the first white section and the horizontal separator that follows so they appear to touch.

    July 30, 2016 at 8:31 am #666785
    Vinay

    Hey noefresh,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
/* Vertical Space */
.flex_column.av_three_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-5.el_after_av_one_fourth.avia-builder-el-last   {
    border-left: 1px #000 solid;
    margin-left: 0px;
    padding-left: 30px;
}

    To remove the padding below the image and the horizontal divider please enable the custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ add a custom class margin-top0 to the divider and the below css in Quick css

    .margin-top0 {
	margin-top: 0 !important;
}

    Best regards,
    Vinay

    August 2, 2016 at 3:02 am #667517
    noefresh

    THANKS!-

    Ok, the vertical separator is great but it’s too long. I wanted it to be only as long as the first paragraph, not the entire section.

    For the padding between the image and the horizontal separator- I made the change but it didn’t seem to have any effect. See settings below.

    This is still on http://aquilagroup.wpengine.com/data-and-network/ (hosted on WPengine)

    August 6, 2016 at 5:48 am #669209
    Ismael

    Hi,

    For the vertical border, try this:

    .avia_textblock .page:before {
    content: '';
    display: block;
    width: 1px;
    background: #000000;
    height: calc(100% - 30px);
    position: absolute;
    left: -50px;
}

    I don’t see any separator element with the margin-top0 class attribute. Did you remove it?

    Best regards,
    Ismaeloo

    August 10, 2016 at 3:46 am #670580
    noefresh

    How would I add another vertical seperator to to additional pages- for example:

    Also I would want it to be only on certain ones, is there a way to define a specific class and do a custom class tag? (I have that enabled already.)

    August 11, 2016 at 5:26 am #671144
    Rikard

    Hi,

    Please refer to this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Thanks,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.