How do you add images to your headers instead of just color styles?

    must add in css


    Code
    background:url(fond.jpg) no-repeat;

    you must find the # of the element to add the background to this element

    Create a new folder inside the images folder on your server and upload your background image into it. Then under your style's Data settings put the name of your new folder in this field like so: images/NewFolder.



    Now you can add the following to your style's Advanced Settings. Change the image name to whatever the name of your image is and change 110px to give your image more or less space for the height.

    Code
    .pageHeaderContainer {
    background : url(#{$style_image_path}background.jpg) no-repeat  center;
}

.pageHeaderFacade > .layoutBoundary {
    padding-bottom: 110px;
    padding-top: 110px;
}
    Quote from PJK

    Create a new folder inside the images folder on your server and upload your background image into it. Then under your style's Data settings put the name of your new folder in this field like so: images/NewFolder.



    Now you can add the following to your style's Advanced Settings. Change the image name to whatever the name of your image is and change 110px to give your image more or less space for the height.

    Code
    .pageHeaderContainer {
    background : url(#{$style_image_path}background.jpg) no-repeat  center;
}

.pageHeaderFacade > .layoutBoundary {
    padding-bottom: 110px;
    padding-top: 110px;
}


    Wow, thank you so much for this. I really appreciate it.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login