Hi @mswenson2,
When you say a title bar, what exactly do you mean? Do you mean a bar above the navigation, at the top of the web page?
So this would be an example of a page I want to change http://edufund.westmusic.com/new-site/funding-resources/. I changed the featured image to be a bar that is #b20e24 in color. What I want to do is change that space to be 100px tall and still have the words Funding Resources be centered in the bar. I want to do this for all pages except for the home page. I also want to get rid of the faded out color on the #b20e24 colored bar so you see the full intense color
Hi,
You’re going to have to write some custom CSS to get this done. You can target the .hero element through your CSS to apply the styles you need.
.hero {
height: 100px;
}
.hero .hero-inner {
padding: 0;
}
.hero .page-title {
font-size: 30px;
}
body.home .hero {
height: auto;
}
body.home .hero .hero-inner {
padding: 4%;
}
You can add that to the ‘Additional CSS’ section of the customizer. That should be a solid starting point, but you may need to tweak the styles further for your needs or for mobile devices.
This worked out perfectly thanks!
@mswenson2 Awesome, thanks so much for keeping us in the loop!
Have a wonderful weekend!
Evan
