Change color and case for "top border & header"

Former Member
Former Member

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?

  • Former Member
    0 Former Member

      Can I ask for your assistance getting a response to this question? Our designer has time to make changes to our site today, so I'm trying to get him answers to the questions he asked. This is one of the priorities. I've looked in documentation and just can't seem to find what I need. Thank you so much!

  • , 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;
    }