Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 4, 2018 at 10:48 am #937063
    capuchin

    Hi!

    I would like to remove the standard padding from the thin custom separators on this page:

    Team

    I would like no space between the thin separators and the text. The layout should be tight.

    I’ve added this in Quick CSS:
    /* textblock padding for TEAM page */
    .page-id-29 .avia_textblock {
    margin-top: -12px; !important;
    padding: 8px; }

    And this is the shortcode in the Text Block so far:
    [av_hr class='custom' custom_border='av-border-thin' custom_border_color='#313743' custom_width='100%' custom_margin_top='-13px' custom_margin_bottom='-10px']

    Please help! Thank you in advance!

    April 4, 2018 at 1:35 pm #937129
    Rikard

    Hey capuchin,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-29 .avia_textblock .hr {
    line-height: 0 !important;
}

    Best regards,
    Rikard

    April 4, 2018 at 5:17 pm #937319
    capuchin

    Hi Rikard,

    Thank you for your quick response!

    It definitely reduces the padding of the thin separator a bit. It’s a step in the right direction. I would like
    to have it even more reduced – the text and separators even closer together, please.

    Kind regards,
    Capuchin

    April 5, 2018 at 7:09 am #937503
    Rikard

    Hi,

    You have line breaks inserted before some of the text, and empty paragraphs as well by the looks of it. Please try to remove that markup, before this text for instance:

    B.Eng & M.Sc.Eng (Mechanical) University of Stellenbosch

    Best regards,
    Rikard

    April 5, 2018 at 11:16 am #937607
    capuchin

    Hi Rikard,

    I’ve checked, there are definitely no line breaks.

    The thin separators could sit in a textblock or between textblocks, if that makes it easier to customise. Still the same problem, that
    the padding/space is too big.

    I tried this

    /* separator padding for team page */
    .page-id-29 .avia_textblock .hr {
    line-height: 0 !important;
    }

    /* separator padding for team page*/
    .page-id-29 .hr {
    line-height: 0 !important;
    }

    Kind regards
    Capuchin

    April 5, 2018 at 1:16 pm #937709
    Rikard

    Hi,

    The line breaks are gone now, if you want to remove the margin from the paragraphs then please try this CSS:

    .page-id-29 .avia_textblock p {
  margin:0 !important;
}

    Best regards,
    Rikard

    April 5, 2018 at 1:39 pm #937729
    capuchin

    Hi Rikard,

    Awesome ! We are getting there. Sorry to be a pain.

    I think, it’s the right thing to do to ‘talk’ to the .avia_textblock p
    Can we get rid of the padding on top of the text as well, please?

    On top of: B.Eng & M.Sc.Eng (Mechanical)
    And on top of: S Group Chief Executive Officer

    Thanks a mill.

    April 5, 2018 at 8:04 pm #937879
    capuchin

    Hi Rikard,

    Victoria and Guenni helped me my last request already. Great support.

    Kind regards
    Capuchin

    April 6, 2018 at 6:14 am #938025
    Victoria

    Hi Capuchin,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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