WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Changing the header fonts (12 posts)

  1. ncowen22
    Member
    Posted 1 year ago #

    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?

  2. rdellconsulting
    Member
    Posted 1 year ago #

    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.

  3. ncowen22
    Member
    Posted 1 year ago #

    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: http://afscme-3634.org/

  4. rdellconsulting
    Member
    Posted 1 year ago #

    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;
    }
  5. rdellconsulting
    Member
    Posted 1 year ago #

    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;
    }
  6. rdellconsulting
    Member
    Posted 1 year ago #

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

  7. rdellconsulting
    Member
    Posted 1 year ago #

    Doh! I mean the > character

  8. ncowen22
    Member
    Posted 1 year ago #

    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!

  9. rdellconsulting
    Member
    Posted 1 year ago #

    OK, try this:

    .marketing h2 {
    color: #FF0000;
    }

    Change #FF0000 (red) to what you need

  10. ncowen22
    Member
    Posted 1 year ago #

    Thanks, unfortuantely it's still not changing what I want. That changed the three featured page headers (blue now). You can see here" http://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. http://afscme-3634.org/members-only. Is it possible to change that text?

  11. rdellconsulting
    Member
    Posted 1 year ago #

    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.

  12. ncowen22
    Member
    Posted 1 year ago #

    Perfect, thank you!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic