Follow up on a previous discussion where I was given the following to code to change the page Title that comes from a menu. Following is inserted to custom code on Helix U template/Style.
.sp-page-title .sp-page-title-heading{
font-family: arial !important;
color: #e57221 !important;
}
Works well. Now I need to change the colour of a header that is sourced from a module menu in the Bottom 2 and 3 position. I looked up the CSS code developer tools and updated the CSS code above to include the code for the bottom position headers and now looks like this.
.sp-page-title .sp-page-title-heading{
font-family: arial !important;
color: #e57221 !important;
}
sp-bottom .sp-module .sp-module-title {
font-weight: 700;
font-size: 21px;
margin: 0 0 30px;
color: #e57221;
}
However, the bottom position headers didn't change. Is my structure for the code correct?
Sorry, I am not a coder yet
