Background image settings

  • Resolved MrMountain

    (@mrmountain)


    8 years, 5 months ago

    I′m having trouble making the background image settings work for me. Uploaded a colored image file 15×30 pix, and want to repeat vertically to create a cyan bar in the background, aligned left on the screen. I want the bar (background image) to fill only 15 pixels width, as the image size in 100%. The colored image now fill the entire background. Suggestions to fix, anyone? The issue “live” here: https://fjordglimt.no/

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi MrMountain. Try this in you child theme CSS:

    body {
   background-size: 15px !important;
}
    Thread Starter MrMountain

    (@mrmountain)

    Thanks @bdbrown – worked. My last issue now regarding background image (colored left bar) is that I am not able to define the main content area transparent. In mobile view the main content area block out the cyan left bar. I have tested this in my CSS to force transparency:
    .main { background-color: transparent!important; position: relative; }
    Note: If I use a hex color value, for examle #000000 the custom CSS works, but not if I use definition “transparent”.

    In that case what I would do is remove the background image and the CSS I posted above, and add this CSS:

    body {
    border-left: 15px solid #009fe4;
}

    Then you shouldn’t need to do anything with transparent backgrounds.

    Thread Starter MrMountain

    (@mrmountain)

    Thanks a lot – i will test this solution.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background image settings’ is closed to new replies.