Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #2250

    Hi there,

    I hope I can be of help in the near future.

    What is the best practice to change the background / add a back ground image to the Display theme?

    I’m thinking that I should pick a style and modify the specific style sheet with the following changes:

    Before:

    .wrapper{

    width:100%;

    position:relative;

    display:table;

    }

    After:

    .wrapper {

    background: **NAME** url(http://www.mybackgroundimageurl) no-repeat 50% 0%;

    display: table;

    position: relative;

    width: 100%;

    z-index: 1;

    I have not used percentages when modifying CSS before. Is this best practice? Also, is adding z-index: 1 best practice?

    Thank you,

    Mark

    #37245

    I would attach the background image to the body and not to the wrapper.

    body{
    background: url(http://www.mybackgroundimageurl) no-repeat 50% 0%;
    }

    z-index is only necessary in some special cases – normally you don’t need it.

    #37246

    Thanks Dude! I’ll try that. hehe :)

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Display Theme : Best practice to change background image’ is closed to new replies.