How do I change footer font & color?

  • mads6

    (@mads6)


    11 years ago

    I am trying to make the footer font similar to the size of “evolve theme by Theme4Press ? Powered by WordPress” & change the color from black. How do i do that?

    I am really new to editing websites, but have to learn for my job. Here is my test page – https://test2014.kenagyassociates.com/blog/

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Kristina

    (@kristina-goranovic)

    Hello,

    Open Appearance/Edit. Choice your theme and click select.
    Scroll down and find document Stylesheat. Paste this code in open editor.

    .credits {
    color: #000 !inportant;
    }

    Save changes.

    Cheers!

    OK, I’m not sure if I need to start my own thread, but I’m having the same problem. I want to change the font color of my footer. I looked at appearance>theme options, but it doesn’t allow you to add the html I need for color.

    I’m running Evolve on WP 4.1. Here’s my site.

    I wanted the footer color to match the color of the navigation bar up top.

    I have the Custom CSS plug-in and have made changes there, but they aren’t reflected in the site.

    What is the css you have applied?

    I went to Appearance>Theme Options>Footer and used this code in the custom footer box…

    <span style="color:#0045b3">Your content</span>

    and that worked for me.

    Hey there Miller JC,

    Hope you’re well today.

    Since you have custom CSS plugin please try adding the following code there if you want your footer background to be exactly the same as the navigation:

    .footer {
background: url("library/media/images/trans.png") 0px -7px repeat-x, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f8f8f8),color-stop(1, #eeeeee)) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eeeeee');
border-color: #e0dddd;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

    Hope this helps ??

    Cheers,
    Bojan

    That looks great! Thanks, Bojan!!

    Hey,

    Glad I could help ??

    Cheers,
    Bojan

    SarahCreterDesign

    (@sarahcreterdesign)

    Thank you so much! I was fighting with the custom css and this worked perfectly. You rock.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do I change footer font & color?’ is closed to new replies.