WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Designfolio: change header & footer color & font (7 posts)

  1. moojomoore
    Member
    Posted 1 year ago #

    Hello, I am using the designfolio theme and I would like to change the header and footer color from navy blue to a dark green(Hex Code: #666600). How can I accomplish this? Also, I would like to change the font size, color, and family for the header. How can I accomplish this? I would also like to change the hover-over color for links. How can this be accomplished?

    I greatly appreciate all help that I can get!

  2. Carternick
    Blocked
    Posted 1 year ago #

    Just go to "style.css" (Admin > design > theme editor > style.css)

    Replace the code

    #header h3 a{
      font-weight:100;
      color: Navy blue;
      text-decoration: none;
    }

    with

    #header h3 a{
      font-weight:100;
      color: Green;
      text-decoration: none;
    }
  3. David Gwyer
    Member
    Posted 1 year ago #

    If you want to make your changes permanent then I would recommend you edit styles via a child theme.

    FYI - The Pro version of Designfolio features a Custom CSS text box in theme options so you don't need a child theme for CSS tweaks.

  4. Barbara Caswell
    Member
    Posted 1 year ago #

    .site-header h1.site-title a {
     text-shadow: 0 1px 1px #000000;
     font-family: 'Open Sans',anarchist;;
     font-size: 36px;
     color: gray;
     }
  5. moojomoore
    Member
    Posted 1 year ago #

    Caternick & Barbara.C, I can't find either of those codes in the style.css file. Do you have any other suggestions?

  6. vinsprinter
    Member
    Posted 1 year ago #

    Hi, I have used the Design Folio theme for a website I have devleloped. I am finding a problem in styling the footer widget headers and dotted lines. They are very close to each other. When I look at them in firebug and make the change it works fine. But when I put the adjusted code the child theme style.css it just won't work. Anybody got any suggestions on what might be going on here. As the footer widget header i.e. Recent Posts has a dotted line border at the bottom and it tends to crash into the first post. I need to put some margin at either the bottom of the Widget header or top of the first post div. You can view it here. http://www.webdesigngoogleit.com - Appreciate any help that is forthcoming.

  7. esmi
    Forum Moderator
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic