Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #98767
    mataiblis70
    Participant

    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:
    My header

    Thank you.

    #98778
    Mahesh
    Keymaster

    @mataiblis70: Please post in your site url.

    Regards,
    Mahesh

    #98818
    mataiblis70
    Participant

    Sorry for my late my reply…
    url: kingagen.com

    and also, I want to remove the line between featured content and footer. 🙂

    #98821
    Mahesh
    Keymaster

    @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,
    Mahesh

    #98829
    mataiblis70
    Participant

    @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.

    #98862
    Mahesh
    Keymaster

    @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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add image background behind the logo’ is closed to new replies.