Alter Section (Page) Titles with custom CSS

• 

  advocacyproductions · Member · Apr 21, 2016 at 5:18 pm

  • Copy link
  • Add topic to favorites

  I’m using the Pique theme and am looking for the right css selectors to alter the decoration and color of the title font of each section.

• 

  thesacredpath · Member · Apr 21, 2016 at 8:59 pm

  • Copy link

  Hi there, I see you have changed the font and border colors on the titles with the following CSS.

  .pique-panel-content h2, .pique-panel-content h2::before, .pique-panel-content h2::after {
      border-color: #000;
  }
  .home .entry-title {
      color: #000;
  }

  To have unique colors for each section, you will have to use your browser web inspector to get the unique CSS class for each section (in the <article> HTML tag) and incorporate that into the above selectors so that you can target styling for each. This is for your “mission” section, which you can then use as a guide for doing the other sections.

  .home .post-31 .entry-title {
      color: #cc0000;
  }
  .post-31 .pique-panel-content h2, .post-31 .pique-panel-content h2::before, .post-31 .pique-panel-content h2::after {
      border-color: #2255ee;
  }