Change the colour of text and headers in pages and portfolio pages

Hi there!

These CSS styles should do the trick based on what you’ve described:

/*Page and portfolio body text color*/
.page,
.single-jetpack-portfolio {
    color: #fff;
}

/*Page and portfolio heading text color*/
.page .entry-title,
.single-jetpack-portfolio .entry-title {
    color: #eee;
}

I’m not sure what other color changes you’ve made, but you should be able to adjust those colors a bit if needed. ??

?? Thanks!

My pleasure!

Hi, without opening another thread, I managed to change the color of the text, but not the little box that goes around the panel titles.

Is there a code for that?

Thanks

Hi @poormanwp

This should work for the borders on Pique’s titles:

.pique-panel-content h2::before,
.pique-panel-content h2::after,
.pique-panel-content h2 {
    border-color: red;
}

Hi Chad,

Thanks, that worked perfectly.

Now, to make things more difficult, is there a way to make the borders of only certain ‘panels’ a different color?

Would it involve something like:

.home .post-373 and then something like the code you put above?

Along those lines, yes. ?? This would change the color for a specific panel, provided that panel was displaying post ID 373

.post-373 .pique-panel-content h2::before,
.post-373 .pique-panel-content h2::after,
.post-373 .pique-panel-content h2 {
    border-color: blue;
}

Awesome Chad! I really really appreciate it.

I ended up playing around with the code you made me, and edited it to the heading titles as well to change color only on certain panels to work. I think I’m starting to get the CSS of this theme a bit more now.

Thank you

You’re welcome!