Joomla Templates Club 406,261 posts

[mkfloresca Friend mkflorescaJoin date: November 2014Posts: 57Downloads:11Uploads:15 Thanks: 16]

#203579

Hello,

In the Masshead module, can you tell me how I can resize the background that is directly behind the Title and description? Specifically that one that has the “background-color: rgba(0, 0, 0, 0.5); ” that seems to be under the jamasshead h3 tag if I check the code.

Resize in a way so that it overlays the entire background image, so the background image is still visible through the opacity.

Thank you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#558759

You can find the declaration from templates/ja_university_t3/css/template.css file with css style

.jamasshead h3 {
background-color: rgba(0, 0, 0, 0.5);
display: inline-block;
color: #ffffff
font-size: 41px;
font-weight: normal;
padding: 5px 10px;
margin: 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-align: left;
text-transform: uppercase;
}

[mkfloresca Friend mkflorescaJoin date: November 2014Posts: 57Downloads:11Uploads:15 Thanks: 16]

#558817

<em>@Ninja Lead 457720 wrote:</em><blockquote>You can find the declaration from templates/ja_university_t3/css/template.css file with css style

.jamasshead h3 {
background-color: rgba(0, 0, 0, 0.5);
display: inline-block;
color: #ffffff
font-size: 41px;
font-weight: normal;
padding: 5px 10px;
margin: 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-align: left;
text-transform: uppercase;
}
</blockquote>

Yes, hi I have found that, but I am not sure how to go about changing the opaque background to be 100% just like the image background. Is it possible and how can I achieve this?

Thanks,
Karla

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#558860

Hi Karla,

Try to open templates/ja_university_t3/css/template.css file and add new rule

.jamasshead {
background-color: #000000;
background-image: none !important;
}

If problem still persists, you can post URL of page where I can see the Masshead, I will check it for you.

[Author]

Posts