Changing Home Page Default Brown Color and Font on HOME PAGE

[AudioGirl]

On the HOME PAGE: Is it possible to change the default BROWN color under TAB background (and other places on the home page) and the font in the Home page widgets?

Thank you

[Bill Robbins]

You can change the color of the navigation bar and widget titles. To do that, paste this in the “Custom CSS” box on the styling tab of the theme options page:

#navigation,
h4.widgettitle {
     color: #ffffff;
     background-color: #000000;
}

That will change the color to black. Just replace the #000000 with the hex color code you’d like to use for the background. If you’d like to change the text color, change the #ffffff to the color you’d like to use.

---

For the widget font, you can use this snippet in your Custom CSS box too:

.widget,
.widget p,
.widget li {
	font-family: Georgia, "Times New Roman", Times, serif;
}

You can list the fonts you’d like to have displayed in order of availability by replacing Georgia, “Times New Roman”, and Times with the fonts you’d like to have.

The way browsers use fonts is they will try to display the first one listed. If it’s not available, they’ll move on to the next and so on.

I did notice one of the text widgets on your home page–the Team Strategy one–didn’t have the checkbox selected to automatically add paragraph tags. You’ll need to check that to change the font there.

---

If you have any trouble, let me know,
Bill

[AudioGirl]

Thanks Bill. A HUGE plus with buying your Themes is in incredible support.

[Bill Robbins]

🙂 Thanks Lori

[AudioGirl]

Bill,

I was able to change the default brown color to black on the HOMEPAGE, however I can’t figure out how to change the colors of the DONATION and NEWSLETTER Bars from brown to black.
Please instruct.

Thanks Bill

[Bill Robbins]

Lori,

Those two bars are presently made with images, so in order to change the colors there you’ll need to actually edit the images. The original PSD is available in the download section if you’d like to edit it yourself.

If you know the hex color code of the color you’d like to use, send it to me and I’ll edit them for you and send them back your way.

Enjoy your week,
Bill

[AudioGirl]

Hi Bill,

Once again – THANK YOU for the quick reply.
Yes please, if you would change the DONATION & NEWSLETTER IMAGES BOX from current BROWN to BLACK that would be so helpful.I don’t trust my neophyte skill level.

To be clear: Keep the red arrow and white text, etc.
We just want whatever is brown changed to black.

As far as hex color code, whatever BLACK is…. #000000 ?

Thank you Bill

[Bill Robbins]

Lori,

No problem at all. Here are links to the three files (you can right click/control click and save the links to download the files).

Newsletter Bar

Donation Bar

Progress Bar

The easiest way to make the update is to use a FTP program or your web host’s control panel (there should be a file browser there). Open up the wp-content/themes/foundation folder and upload these files to the “images” folder inside there. That will replace the original ones and won’t require any coding.

If you’d rather not try that, there’s another option. Upload each file by going to the Media section in your WordPress control panel and selecting Add New. You can drag and drop all three there at one time. Once the uploads are finished, then open up a new browser tab.

Go to the theme options page and select the styling tab. Scroll down to the Custom CSS box and paste this:

#action-bar {
	background-image: url(https://yoursite.com/newsletter-bar-transparent.png);
}

#donate-bar {
	background-image: url(https://yoursite.com/donation-bar-transparent.png);
}

#donate-graph-base {
	background: url(https://yoursite.com/progress-bar.png) center -9px;
}

You’ll just need to change the URL for each image in the code snippet above. Since you left the tab with the upload open, you’ll be able to find the URL’s easily.

If you run into any trouble or have any questions, just let me know,
Bill

[AudioGirl]

Thanks so much Bill.

I see if I can do it.

Have a great weekend.

God bless

[AudioGirl]

Hi Bill,

Was able to grab two of the bars above. But I keep getting an error message when trying to access PROGRESS BAR.

Thank you for helping!

L

[Bill Robbins]

See if it works better now. I had a typo in that one.

[AudioGirl]

Excellent! Got it!
Thanks Bill!

[Author]

Posts