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

  • 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;
    }
  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!