Joomla Templates Club 406,261 posts

[antjewilson Friend antjewilsonJoin date: August 2010Posts: 78Downloads:0Uploads:27 Thanks: 19 Thanked: 1 times in 1 posts]

#204096

I’ve put new pictures in the masthead and I see them but they have a blue overlay over them. How do I get rid of that?

http://www.sutherlandnetwork.org

Antje

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#560560

Hi Antje,

Please open custom.css file then add

.masthead .masthead-bg:before {
background: none;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
opacity: 0.95;
filter: alpha(opacity=95);
}

then save and recheck.

NOTE: If you disable the “blue overlay” background color, you need to change the color for title and description to make theme more visible

e.g:

.masthead .jamasshead .jamasshead-title {
font-size: 56px;
margin-top: 0;
font-weight: 400;
z-index: 2;
color: #29739d
position: relative;
}

.masthead .jamasshead .jamasshead-description {
font-weight: 300;
letter-spacing: 1px;
z-index: 2;
color: #29739d
position: relative;
}

just change the color match with your needs

1 user says Thank You to phong nam for this useful post

1. antjewilson

[antjewilson Friend antjewilsonJoin date: August 2010Posts: 78Downloads:0Uploads:27 Thanks: 19 Thanked: 1 times in 1 posts]

#563072

I made the custom css but no change to the blue. I thought perhaps the site was cached but I’ve checked on other computers and the masthead is still blue.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#563190

Hi Antje,

When checking your site with Firebug, I don’t see the style suggested by Leo above in your site.

Kindly go to Backend > Extensions > Template manager > default template style > General (tab) and turn off ‘Optimize CSS’ option, it will help to know which css this masthead is loading.

[Author]

Posts