Too Much Nonsense – My Personal Blog

 

This adventure only took me about 9 hours. But I love doing this stuff and it keeps me occupied. It’s kind of like a treasure hunt.

So I did this half ass backwards. I’m going to show you the more difficult way first. Actually it is not that difficult.

I’m assuming you know some coding, if you don’t please feel free to ask questions at the bottom of the post.

Before I start, I’m running wordpress on a shared server account.

Backup your Style.css, just in case. I usually just select all and copy and paste to a text file.

1. First thing go into your style sheet (style.css) in the WordPress Admin. It’s under Appearance. Click the editor
   

 

1. Scroll all the way down to the bottom of the style.css in the editor.
   
2. Once at the bottom paste the following code for each widget you use.
   

.widget_categories .widgettitle
{
color: white !important;
background-color: #002266 !important;
font-weight: bold !important;
font-size: 1.1em !important;
padding: 3px !important;
}

1. On the first line you want to change the text to the name of your widget. Example: .widget_<<YOUR WIDGETS NAME>> .widgettitle
   

You can find your widgets name by going to one of your pages, right click on the page and click “View Source”. Then search around for your widget. It will look something like this; <li id=”about-me” class=”widget widget_categories”>

1. Change the other attributes as you see fit. You can through in others if you like.
   
2. Now click the “UPDATE FILE” button.
   

 

You’re done… Not too bad and it didn’t take very long. Finding the answer is what took all the time. For a sample of this code just check out my sidebar. That’s what I’m using.

 

The Other Way to Do It

 

So that’s one way to do it. What I have discovered is that individual authors of Theme’s have their own unique way of doing things. You can have two themes’ that look exactly the same but when you look at the style sheet they are totally different. That’s because with programming there is a gazillion ways to write the code, which makes it confusing for people like me. I’ve been tweaking code long enough though that I know what to look for. But for the life of me I could not figure out how to change the text color for the <h2> headers. I wanted the post headers to be blue. I could figure out how to change the background color, font size, and font face, but for the life of me I could not figure out how to change the font color…..

That’s when I learned that a lot of the authors if not all, hard code certain information into a file that might be called a default.css or something to that nature. You usually won’t find the default.css in your WordPress admin area. I had to go onto my server to find it. Below is the path I took to get it.

/wordpress/wp-content/themes/<<your Theme name>>/css/

Once you find it you’ll need to edit it, much like editing a style sheet, in a code editor.

This is how it should look or similar

 

 

Make the changes you need and your done.

Did This Tip Work For You?
Did it Save You Some Valuable Time?

My wife dumped me and I have brain damage. Any tip would be greatly appreaciated!!!!!

Donation Amount:
(Currency: USD)

Put my Donation on the Recognition Wall

Show on Wall:
Do not show any information Donation Amount, User Details & Comments User Details & Comments Only

Name:

Email:

Website:

Comments:

Write your comment within 199 characters.