• Resolved ncowen22

    (@ncowen22)


    Hi, I’m trying to change the font style and color on my headers at the top of each page (but not the featured pages under the slider). Also, I would like to remove the icon that sits at the left of those headers. Can anyone help me out?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Remove icon:

    .format-icon:before {
    	display: 		none;
    }
    
    .entry-summary.format-icon:before,
    .entry-content.format-icon:before,
    article.page .format-icon:before,
    article.format-standard .format-icon:before,
    article.format-gallery .format-icon:before,
    article.format-aside .format-icon:before,
    article.format-chat .format-icon:before,
    article.format-audio .format-icon:before,
    article.format-video .format-icon:before,
    article.format-status .format-icon:before,
    article.format-quote .format-icon:before,
    article.error404 .format-icon:before,
    article.format-image .format-icon:before,
    article.format-link .format-icon:before {
    	display: 		none;
    }

    Link would help with first question.

    Thread Starter ncowen22

    (@ncowen22)

    Thank you very much for your help, the code you gave me worked perfect. I removed the icons from the top of each page, now I would just like to change the header font and color on those pages..how can I do that?
    Also, here is the link to my page: https://afscme-3634.org/

    Change color:

    /* Change colour of menu/navbar items*/
    .navbar .nav > li > a {
      color: red;
    }
    
    /* Change colour of first letters in menu */
    .navbar .nav > li > a:first-letter {
      color: red;
    }

    And font:

    /* Change colour/font of menu/navbar items*/
    .navbar .nav > li > a {
    color: red;
    font-family: Georgia;
    }
    
    /* Change colour/font of first letters in menu */
    .navbar .nav > li > a:first-letter {
    color: red;
    font-family: Georgia;
    }

    Has to be done in child theme if not using 3.0.9 as < character will be ignored.

    Doh! I mean the > character

    Thread Starter ncowen22

    (@ncowen22)

    Thanks for your reply, but that code changed the font/color of the titles on my navigation bar, but what I really want to do is change the font/color on the header of each page, for example the “President’s Message” header at the top of that particular page. I tried to adjust the code you sent to affect those pages, but couldn’t get it quite right.

    Thanks again, I appreciate your help!

    OK, try this:

    .marketing h2 {
    color:?#FF0000;
    }

    Change #FF0000 (red) to what you need

    Thread Starter ncowen22

    (@ncowen22)

    Thanks, unfortuantely it’s still not changing what I want. That changed the three featured page headers (blue now). You can see here” https://afscme-3634.org

    But what I want to change is the headline at the top of each page, for example the “Members Only” headline at the top of that page. https://afscme-3634.org/members-only. Is it possible to change that text?

    Here you go:

    .entry-title.format-icon {
      color: #FF0000;
    }

    That will change the color. Did you mean change the text? That will be one of your Page titles.

    Thread Starter ncowen22

    (@ncowen22)

    Perfect, thank you!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Changing the header fonts’ is closed to new replies.