I am working with the JA Masthead (not Masshead) module and would like better control over the colors being used, size of fonts, etc. For instance, in the example image I'm attaching, the first line is too dark to read over the dark image. And I would like to make the size of the height taller, and make the image edge to edge on the screen. Can you tell me which lines control these issues? Here is the code:
.ja-masthead {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
.ja-masthead:before {
background-color: #000;
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
opacity: 0.3;
height: 100%;
width: 100%;
z-index: 3;
}
.ja-masthead .ja-masthead-detail {
color: #fff;
padding: 40px 0;
max-width: 980px;
position: relative;
text-align: center;
z-index: 20;
margin: 0 auto;
}
I took this from the CSS file for /public_html/courts/modules/mod_jamasthead/asset/css but I am a novice with CSS and know nothing at all about Javascript so any help is very much appreciated.
Here is the screenshot. Thanks!
