Insert separation line between header and page

  • Resolved spotter698

    (@spotter698)


    8 years, 5 months ago

    Hi,

    I would like to add a coloured line between my header and all of my pages. It only needs to be 5px thick, but needs to display the full width of the page.

    The problem I am having is that I am using a white background header, with white pages. It looks fine on the home page, but I think it would look much better with a divisive line in colour #26C0AE, especially for the other pages. My page is dr-holly.com.au

    Can I do this with CSS? If so, can you help, as I understand that this is not necessarily a theme problem. Any help would really be appreciated.

    Thanks,
    Steve

Viewing 3 replies - 1 through 3 (of 3 total)

  • Dear Steve,

    In order to achieve that objective, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css? 

    body:not(.home) .site-header{
  border-bottom: 5px solid #26C0AE;
}

    Regards,
    Kharis

    Thread Starter spotter698

    (@spotter698)

    Wow Kharis, thanks.

    This is an even better result than I expected. I thought I would have a green line across the home page as well, but you intuition is excellent.

    Thank you.

    No problem. Just go easy on it.

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Insert separation line between header and page’ is closed to new replies.