Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 21, 2023 at 7:39 pm #1416788
    Celeranttechnologycorp

    Hi, I am using enfold. There is an element called ‘Special Heading’. It has a light gray horizonal line after the text. What is the CSS to change the color of the horizonal line only?

    Example:
    My Title —————————

    August 22, 2023 at 4:31 am #1416825
    Ismael

    Hey Celeranttechnologycorp,

    Thank you for the inquiry.

    You can manually adjust the colors of Special Heading element by going to the Styling tab. Set the Colors > Heading Color settings to Custom Color, then look for the Custom Seperator Line Color option to adjust the color of the horizontal line.

    Best regards,
    Ismael

    August 23, 2023 at 11:49 pm #1417003
    Celeranttechnologycorp

    Hi, I don’t see this option and I am using the latest version of Enfold. I see these 2 options:
    General Styling
    Advanced Styling

    I prefer NOT to set it to custom colors as it may mess up other colors. I am comfortable with CSS if I just know what the CSS code is for this. It should be one of these classes:
    .av-special-heading hX
    .av-special-heading-tag hX

    August 24, 2023 at 10:01 am #1417037
    Rikard

    Hi,

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

    .main_color .special-heading-inner-border {
    border-color: red;
}

    Best regards,
    Rikard

    August 24, 2023 at 7:06 pm #1417086
    Celeranttechnologycorp

    Thank you, worked perfectly. Please mark this as closed

    August 25, 2023 at 4:45 am #1417126
    Ismael

    Hi,

    Great! Glad to know that the issue has been resolved. Please feel free to open another thread should you have further questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Special Heading – Horizonal Line Color’ is closed to new replies.