Home › Forums › Pro Themes › Kids Education Pro › Header menu background images

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 25, 2017 at 4:16 pm #33315
    dcreech
    Participant

    Where do I even find the image resources and how would I change the background image “header-bg” and the cloud image that is behind the logo?

    February 25, 2017 at 11:37 pm #33343
    wensolutions
    Keymaster

    Hello @dcreech

    If you want to use the exact images like in the demo, all the images link are bundled within the theme in readme.txt. and you can use them.

    Also to change the Header background image go to Admin Panel > Appearance > Customize > Header Image and upload the image of your choice .

    And actually the cloud that appears behind the logo is the design of the theme itself . The theme does not have the feature to change the cloud like design .

    Hope this helps.

    Let us know if you have any issue further.

    Best Regards!!

    February 26, 2017 at 8:49 am #33426
    dcreech
    Participant

    I know how to change the header image. What I want to change is the background image “header-bg”. It is a white image with cloud border at the bottom. It is the image that the menu items have as a background.

    The problem for me is that it extends down too far onto the page.

    February 26, 2017 at 10:46 pm #33534
    wensolutions
    Keymaster

    Hello @dcreech,

    You can change the background of the header by setting image url of your desired image as the background replacing the default background.

    To do so, please add in the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    #masthead {
    background-image: url(https://placeholdit.imgix.net/~text?txtsize=23&txt=728%C3%9790&w=728&h=90)!important;

}

    You can upload your desired image from the media menu in WordPress dashboard and replace the URL with the URL of your desired image. Also, if you wish to remove the “Cloud” image design from behind the logo, you can add in the following custom CSS :

    .site-branding {
    background-image: none!important;
}

    Hope this Helps,

    Best Regards !!

    February 27, 2017 at 2:23 pm #33631
    dcreech
    Participant

    Sorry it did not.

    There are two issues I am having. The cloud border background image across the header extends down into the slider too far.

    And the cloud that is behind the logo is not large enough once I have taken the site header display to none:
    }
    #site-header {
    display: none;
    }

    These two elements seem to also resize when scrolling down, which shrinks the border image, not the cloud but the logo within the cloud.

    February 28, 2017 at 1:40 am #33694
    wensolutions
    Keymaster

    Hello,

    If we tried to adjust the background image then it will destroy the entire design of the header.

    So what you want is beyond the support offered for our products .

    Our suggestion to you is to hire a professional developer for your customization, so that your theme will no be effected in any way.

    To hire a developer please follow the link below

    http://themepalace.com/hire-a-customizer/

    We hope it helps,

    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.