How to change color of horizontal line in element theme

  • Unknown's avatar
    serealities · Member ·

    I would like to be able to change the color of the horizontal line on my site. I’m using Elemin theme and the horizontal line that can be inserted into the page from the toolbar is set to a single gray color. Is there any CSS that will allow me to change the color?

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi there, you can try the following line of code.

    .entry-content hr { background-color: #330075; }

    To use the above code, hover over to My Sites in the top toolbar, and in the dropdown, click on “Customize” to launch the site customizer.

    From there, click on the “CSS” tab, paste in the code, and save your changes when you are done.

    I used the purple color your menu text is in currently (#330075) but if you like you can tweak that value to find what works for you. You can use the following free online tool to find the 6 character hex code for any color you wish: http://www.colorpicker.com/

    Feel free to experiment. :)

  • Unknown's avatar
    serealities · Member ·

    wow! thanks so much! If you can help me with one more item concerning this, it will be super. I’m trying to set the first two horizontal lines apart from all the others by changing the line color. All the others can remain gray. Do you know how I might be able to do that?
    Thanks!

  • staff-totoro · Staff ·

    Hi there,

    I’m trying to set the first two horizontal lines apart from all the others by changing the line color.

    To be sure I understand, you mean specifically the 

    <hr />

    elements you’ve added in the page editor? So on your Home page, for example, it would be the two horizontal lines added here: https://cloudup.com/c_pS4YNrxSN

    Do I have that right? There are enough line elements on this page that I am not 100% sure which two you are talking about. :)

    Thanks for the additional info!

  • The topic ‘How to change color of horizontal line in element theme’ is closed to new replies.