如何在Wordpress中更改面包屑的标题背景颜色？

Question

Here is my website . Is it possible to change the title background color using custom css code? Currently it is red. I would like to change the color to light blue for all the titles like, "TRENDING POSTS", "SEARCH ENGINE OPTIMIZATION", "SOCIAL MEDIA", "RECENT POSTS" "POPULAR", etc

Answer 1

You can change background color by doing changes in these classes

    .awt-title
    {
        background: #0056ca;
    }
.main-widget-area .widget-title
{
background: #0056ca;
}

#awt-widget > li.active > a, .nav-tabs > li.active > a:hover, #awt-widget > li.active > a:focus
{
  background: #0056ca;
}

Answer 2

As you're using a theme, I'd be very surprised if you had to write any custom CSS rules to change this. There's probably a setting in Appearance > Customise. If not, check the documentation. It might be hidden somewhere else.

---

If there isn't, open the CSS file associated with the theme (which looks like it's at /wp-content/themes/awaken/style.css ) and search for any instance of #fa5742 . Copy the selector (the bit before the first brace { ) and add it to your custom CSS rules. For each selector add:

the-selector-goes-here {
   background-color: #your-blue-colour;
}