Will Sipling
asked 11 years ago

Going through the debugging phase of a re-skin and ran into this. 
The entire header image seems to have disappeared. Followed one of the tutorials on another question to remove the nifty overlay colors. Header image is gone, though: http://www.loganjudy.com/
Here’s my code: 
 

.banner .page-title a {
color: #fff;
text-decoration: none
}
.banner .page-description {
font-family: ‘Bitter’,serif;
font-size: 18px;
text-transform: uppercase;
font-weight: 100;
margin: 0;
z-index: 1;
position: relative;
opacity: .5;
filter: alpha(opacity=50);
display: none;
}
.banner #get-started {
position: relative;
z-index: 1;
display: block;
overflow: hidden;
margin: 20px auto 0;
padding-right: 30px;
padding-left: 30px;
outline: none!important;
border: 0;
border: 2px solid transparent;
background: #fff;
color: #f2664f;
-webkit-box-shadow: none!important;
box-shadow: none!important;
-webkit-transition: .3s;
transition: .3s
}
.banner #get-started:hover {
background: transparent;
border-color: #fff;
color: transparent
}
.banner #get-started:before {
content: ‘\e094’;
font-family: ‘Glyphicons Halflings’;
position: absolute;
left: 0;
top: -100%;
color: #fff;
width: 100%;
height: 100%;
-webkit-transition: .3s;
transition: .3s
}
.banner #get-started:hover:before {
top: 5px
}
 

Can you smarties make any sense of it? I made sure in the WordPress Appearance>Customize section that the header image is uploaded and viewable.

1 Answers
DominicStaff
answered 11 years ago

To resolve this issue, you can log in to Dashboard > Appearance > Editor, add the following code to the style.css file:

.banner.cover {
    background-image: url("http://www.loganjudy.com/wp-content/uploads/2014/05/headerimage3.jpg") !important;
}

If you still face there issue, you can send me username & password of you site (via private answer) for further checking.
Regards,

Will Sipling
replied 11 years ago

Worked perfectly. 5 stars for prompt reply and everything! Y’all are awesome.

Powered by DW Question & Answer Pro