Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 23, 2024 at 11:52 pm #1435259
    WorldinColor

    hi,
    I’m using a custom typography scale for headings (under general styling for child theme options) and using Special Heading for all my website headings. For centered headings – Heading Style = (Elegant Style Centered, No Icon), for left aligned headings, Heading Style = (Default Style). Although, I have consistent Special Headings style settings (only difference is heading size – H2 to H5), some headings randomly have a horizontal line. How can I get rid of the the horizontal line? Why is the line appearing in some but not all headings? See link below. Thank you!

    February 25, 2024 at 2:13 am #1435335
    Mike

    Hey WorldinColor,
    To remove the lines try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before, body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after {
	display: none;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    The line is on all of them, you couldn’t see the line on one of them because the text was so long that the line was over the white background

    Best regards,
    Mike

    February 25, 2024 at 5:41 pm #1435367
    WorldinColor
    This reply has been marked as private.
    February 25, 2024 at 6:21 pm #1435369
    Mike

    Hi,
    I removed the image, unless there is anything else we can help with on this issue, shall we close this thread then?

    Best regards,
    Mike

    February 26, 2024 at 9:00 pm #1435492
    WorldinColor

    Hi,
    This code is working for sections where I have centered headings i.e., Heading Style = (Elegant Style Centered), thank you. But the left aligned headings (Heading Style = Default Style) still have a horizontal line to the right. I don’t want any lines in headings. Could you suggest css code for removing the line for the Default style heading as well?

    I tried the following css for Default style Headings – adapted from a related support ticket RE: Default style Special heading but the code did not work. – see LINK
    .acme-av-special-heading .special-heading-border
    {
    display:none !important;
    }

    February 27, 2024 at 7:28 am #1435531
    Ismael

    Hi,

    Thank you for the update.

    Your css code should have worked. Where did you add it? Please try to move the modification in the Enfold > General Styling > Quick CSS field, then temporarily disable the Enfold > Performance > File Compression settings.

    #top .acme-av-special-heading .special-heading-border {
    display: none !important;
}

    Best regards,
    Ismael

    March 1, 2024 at 8:31 am #1435946
    WorldinColor

    Hi,

    This worked right away as soon as I added #top to the existing CSS. You can close the ticket. Thanks.

    March 1, 2024 at 11:54 am #1435979
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Removing Horizontal line – Special Heading (Elegant Centered and Default Styles)’ is closed to new replies.