How to change sidebar widget color?

[ayeluigi]

Hi all, I'm looking to change the color of the side bar widget titles. The colour in which the text is in, e.g. the box around recent posts, subscribe here etc.
Here is a photo of the boxes that I'm trying to change. Currently they are black.

View post on imgur.com

Any help would be hugely appreciated 😀

[Andykev]

You should use "inspect" element to identify the area you want to change, and then go to your .css for that purpose. Using inspect element allows you to play with colors, etc. to get exactly what you want.

Posting a link to your site would be the only way for you to have someone here give you the exact place to make the change. You did not identify what theme you are using, etc.

[Andykev]

I did a little Google detective work and found your site.

You are using Magazine Pro.

You need to change the below, and in this I have change the background
from black to RED. You can chose your color..you didn't say what you
wanted.

Line 837 of your .css

.magazine-home .content .widget-title,
.sidebar .widget-title {
	background-color: #f50606;
	color: #fff;
	padding: 10px;
}

You could also change the background to "BLUE" as an example, or any color you wanted,
and "center" the content in the sidebar area by using this code at line 548:

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
	background-color: blue;
	padding: 30px!important;
}

All these changes were found by targeting your specific part of the page with "inspect element" and then changing the appropriate code. It's the easiest way to test color or other .css changes.

Hope this helps you.

[ayeluigi]

Great! Worked perfectly 😀 Thanks!

[Author]

Posts