Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 22, 2017 at 12:10 pm #880201
    sherissar

    Hi, I want to create an hr separator that looks like this. See screenshot.

    I’ve given the short separator a custom class
    .customseparatormustard

    I am struggling to style it as per the screenshot.
    The width must be 90%
    and the color of the line and icon must be #bfa04d

    Thank you for your help.

    November 23, 2017 at 5:22 pm #880788
    Nikko

    Hey sherissar,

    Can you post a link of the page in the screenshot? so we can take a closer look.

    Best regards,
    Nikko

    November 23, 2017 at 5:41 pm #880805
    sherissar

    Hi, yes here is the link

    November 23, 2017 at 6:13 pm #880830
    Nikko

    Hi,

    Try adding this css code in Quick CSS (Located in Enfold > General Styling):

    #top .customseparatormustard .hr-inner {
    width: 90%;
}

    Hope this helps :)

    Best regards,
    Nikko

    November 23, 2017 at 7:39 pm #880890
    sherissar

    How do I get the color of the line and icon to be #bfa04d ?

    November 23, 2017 at 7:43 pm #880896
    Nikko

    Hi,

    Sorry I forgot, please replace the code I gave to this one:

    #top .customseparatormustard .hr-inner {
    width: 90%;
    border-color: #bfa04d;
}

#top .customseparatormustard .hr-inner .hr-inner-style {
    background-color: #bfa04d;
    border-color: #bfa04d;
}

    Best regards,
    Nikko

    November 23, 2017 at 8:53 pm #880943
    sherissar

    Thank you!! :-D

    November 24, 2017 at 5:26 am #881037
    John Torvik

    Hi,

    You are welcome!

    Best regards,
    John Torvik

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