Duplicate Sidebar Widget Title Styling

[photomom86]

I have the Modern Studio Pro theme. The sidebar widgets have a border around them with the title in a black rectangle/box. I want to duplicate this styling in a widget above the content area. I added the following in the addtional CSS area and got the border.... but not the title. Any help is appreciated as I know very little about coding.

.welcome-message {
    border: 1px solid #000;
    margin-right: 1em;
    padding-top: 1em;
}

https://foodanddiy.com

[AnitaC]

Look for this in your stylesheet:

.sidebar .widget-title {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	margin-bottom: 30px;
	margin-top: -67px;
	padding: 20px;
	text-align: center;
}

Change it to this:

.sidebar .widget-title,
 .welcome-message .widget-title {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	margin-bottom: 30px;
	margin-top: -67px;
	padding: 20px;
	text-align: center;
}

---

Need help with customization or troubleshooting? Reach out to me.

[photomom86]

I changed that code but it doesn't seem to have made a difference.... I cleared my cache. ?

[photomom86]

Actually I added it to my additional css and it is working! Thanks again!

[Author]

Posts