Navigation
Archive / Change line colour through site – Renew stack
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 23, 2017 at 7:41 am #1341463
    tulslolst
    Participant

    Hi, I have been trying to change the colour of lines through my site. I have a dark grey background and at the moment all the lines are white.

    Used in accent on heading text, two lines above and below page title etc. How do I change these to green #0b9444

    I tried searching form and tried this

    hr {
    border-top: 1px #0b9444;
    border-bottom: 1px #0b9444;
    }

    Site http://www.holmes-interiors.com

    Thanks
    Chris

    January 23, 2017 at 7:42 am #1341468
    tulslolst
    Participant
    This reply has been marked as private.
    January 23, 2017 at 8:39 am #1341548
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    I’ve logged into the given URL and all I can see is a coming soon page.

    Regretfully, at this time I am not entirely certain what it is you’re trying to do.
    If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do. We’ll be happy to provide you with a response once we have a better understanding of the situation.

    Thanks for understanding!

    January 23, 2017 at 8:46 am #1341554
    tulslolst
    Participant
    This reply has been marked as private.
    January 23, 2017 at 8:48 am #1341557
    tulslolst
    Participant

    See attached with white lines

    January 23, 2017 at 9:46 am #1341635
    Thai
    Moderator

    Hi There,

    Please try adding the following CSS:

    header.x-header-landmark {
    border-color: #0b9444;
}

    Hope it helps 🙂

    January 24, 2017 at 2:49 am #1342774
    tulslolst
    Participant

    Many thanks that works great.

    How can I change the line colour on the accent added to text like in screen grab and also any lines that are added?

    January 24, 2017 at 3:20 am #1342793
    tulslolst
    Participant

    Pic of accent line attached

    January 24, 2017 at 4:40 am #1342865
    Thai
    Moderator

    Please add the following CSS also:

    .h-custom-headline.accent span:before, 
.h-custom-headline.accent span:after {
    background-color: #0b9444;
}

    Hope it helps 🙂

    January 24, 2017 at 7:10 am #1343035
    tulslolst
    Participant

    Thanks, works perfect!

    January 24, 2017 at 8:05 am #1343135
    Thai
    Moderator

    You’re most welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1341463 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>