Change the Font Color

What is the code to change the font color in the navigation menu to white?

How do I change the color of the font to white in the buttons on the Home Page?

Here is the link to my Home page.

http://www.wpfood2.com/cornsalsa/

 

Hello,

Greetings from InkThemes!

For that, code is given below..

Code:

.nav-wrapper ul li a {
    color: white;
}

You can change color as per your requirement..

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks so much Priya. I have another question. What is the CSS code to change the font color to white in the footer section of my website. Also, can I make the dotted lines underneath the footer menu headers to a solid line?

 

Hi,

Code is given below..

Code:

.footer a, div#subscribe-text p {
    color: white;
}
.footer h4 {
    background: none;
    border-bottom: 2px solid black;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

That worked! Thanks so much Priya. You rock!

I have 3 more questions.

1. What is the CSS code to change the color of the font color when the cursor hovers on the menu items in the footer?
2. How can I make the Facebook pic smaller in the footer? It covers some of the footer menu.
3. Is the Woodpecker Pro childtheme compatible with the new version of Wordpress?

Thanks,
Jenny

 

You're welcome, Jenny..

Solutions are given below accordingly..

1) What is the CSS code to change the color of the font color when the cursor hovers on the menu items in the footer?

Code is given below..

Code:

.footer a:hover {
    color: red;
}

2) How can I make the Facebook pic smaller in the footer? It covers some of the footer menu.

You can changes width and height in your iframe code.

3) Is the Woodpecker Pro childtheme compatible with the new version of Wordpress?

Yes..it is compatible with updated version of the WordPress.

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks Priya! You are so helpful and I appreciate your fast response.

Last question. What is the CSS code to change the size of my logo? I want to make it bigger.

 

Hi,

Hope you are doing good...!

To change the size of the logo, you need to change the height and width. You can use the following CSS code:-

Code:

#logo img {  
    width: 70%;
    height: 50%;
}

Note:- The above values for the width and height are the ones that is randomly provided, please change the values accordingly.

Hope this helps...!

Thanks & Regards!
Nitin
InkThemes.com

 

Thanks Nitin. Yes--that helps!