Change color and case for "top border & header"

Question

We are formatting our widgets so that we always choose "top border and header" from the format menu. How do we change the color and case of that text? Right now, it is orange and all caps, and we need blue and Title Case. Where do we go to restyle that?

Ramzi Banna · Accepted Answer

, these are defined in the override css file. From the admin panel, navigate to Theme Studio, select the Social site theme, and under Style Sheets, you'll find a file called mfiles-overrides.less. Select the file to edit the override css. Here's the specific css that updates the Widget header color and case: 
 /* Widget headers */
.content-fragment.with-header.top-border .content-fragment-header {
	display: block;
	border-bottom: 1px solid #9FA7B4;
	margin-bottom: 8px;
	padding-left: 0px;
	padding-top: 10px;
	text-transform: uppercase;
	color: #e7781e;
}

Change color and case for "top border & header"

Top Replies