Tagged: header image
- This topic has 5 replies, 2 voices, and was last updated 7 years, 7 months ago by Mahesh.
-
AuthorPosts
-
September 5, 2016 at 1:42 pm #98767mataiblis70Participant
Hello Catch, I had just bought Everest Pro yesterday, and the theme works great. But I had a problem add the image behind the logo. And also is there a way to make it all the background black through CSS except the header?
Here is my header screenshot:
Thank you.
September 5, 2016 at 4:43 pm #98778MaheshKeymaster@mataiblis70: Please post in your site url.
Regards,
MaheshSeptember 6, 2016 at 11:29 am #98818mataiblis70ParticipantSorry for my late my reply…
url: kingagen.comand also, I want to remove the line between featured content and footer. 🙂
September 6, 2016 at 4:49 pm #98821MaheshKeymaster@mataiblis70: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
#masthead { background: url("your_desired_image") no-repeat scroll 0 0; background-color: none; background-position: center; } body.custom-background { background: none; background-color: #000; }
Note: Please change your_desired_image in the above code with you desired image url.
Regards,
MaheshSeptember 6, 2016 at 8:08 pm #98829mataiblis70Participant@Mahesh: Thank you Mashesh. But after add the code the color around the image become grey.
Here is my css:
#header-left {
float: none;
text-align: center;
width: 100%;
}
#site-logo {
display: block;
float: none;
margin: 0 auto;
width: auto;
}
#site-logo a {
display: inline-block;
}#site-logo { padding-top: 10px; }
.home #main { padding-top: 10px; }
#masthead { background-color: #000; }
#featured-post { background-color: #000; }
#main {
background-color: #000;
}.entry-meta { display: none; }
#hgroup-wrap { padding-bottom: 0; }
.page .site-content article { border-bottom: none; }
#masthead {
background: url(“http://www.kingagen.com/wp-content/uploads/2016/09/Header-bg.jpg”) no-repeat scroll 0 0;
background-color: none;
background-position: center;
}body.custom-background {
background: none;
background-color: #000;
}And also, I want to remove the line between footer and featured content, and if can’t, I want to coloring the line.
September 7, 2016 at 12:31 pm #98862MaheshKeymaster@mataiblis: Please add the following CSS:
#masthead { background: url("http://www.kingagen.com/wp-content/uploads/2016/09/Header-bg.jpg") no-repeat scroll 0 0; background-color: none; background-size: cover; } body.custom-background { background: none; background-color: #000; } .site { background-color: transparent; } /* removes the line between footer and featured content */ #site-generator, #footer-menu { border: none; }
Regards,
Mahesh -
AuthorPosts
- The topic ‘Add image background behind the logo’ is closed to new replies.