CSS image background fill space and weird resizing issue

  • I am playing around with a few ideas for our schools website and was wondering why I can’t get the background image for summer camp to fill the space, but I was able to for athletics? It is on the homepage.

    Also when you are on page and you resize the window it does a funny thing where the content sections shrinks smaller than the title section. It only happens for out 200 pixels, but I would like to be able to fix it. If a screen size is larger than 1024 up until about 1224 it does the weird layout. The layout is okay for the homepage the issue is on any of the other pages.

    any thoughts on how to fix these issues?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    The content isn’t tall enough to fill the space available, thus limiting the background size. Adding more padding will grow the element so the background will appear larger. Changing the element style attribute to padding: 90px 0 !important; corrected the view I saw. You may need relative distance specification or media queries for the element size to behave responsively.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS image background fill space and weird resizing issue’ is closed to new replies.