Docs

[werbar77]

Good Day X-Men,

How can I change the color of accent line in the headers of my blog and portfolio?

Thanks,
Werner

[Friech]

Hi Werner,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[werbar77]

This reply has been marked as private.

[Darshana]

Hi Werner,

You can add this under Custom > CSS in the Customizer.

.blog .h-landmark span::before, .blog .h-landmark span::after {
    background-color: #ff0000 !important;
}

.page-id-2849 .h-landmark span::before, .page-id-2849 .h-landmark span::after {
    background-color: #ff0000 !important;
}

Hope that helps.

[werbar77]

Thanks it works, but I’ve noticed my blog and portfolio page now only have one line compared to the other page i.e. about page have two lines.

How can I make portfolio and blog pages two lines as well?

Thanks,
Werner

[Rupok]

Hi Werner,

Thanks for writing back. Let’s update the code to following :

.blog .h-landmark span::before, .blog .h-landmark span::after,
.page-id-2849 .h-landmark span::before, .page-id-2849 .h-landmark span::after {
  background-color: transparent;
  border-bottom: 1px solid;
  border-top: 1px solid #b7a673 !important;
  height: 4px;
}

Hope this helps.

[werbar77]

Thanks it worked.

[Darshana]

Glad we were able to help 🙂

[Author]

Posts