Background Image Not Resizing Properly

resolved (8 posts) (2 voices)

  1. khetani

    Hi, when I set my body background image to 998px always seems to resize and become smaller when I view the site on my laptop. I realize the background image is resizing dynamically based on my screen resolution...

    Since the theme is responsive, I don't want the background image to have fixed dimensions. I just want the main content area, which is 998px, to always have a light background behind it and then the Page Margins to have a graphical background. How can I accomplish this?


    Posted 4 years ago #
  2. Elliott

    Hello khetani,

    Send us a link and take a screenshot highlighting what your trying to do.

    Posted 4 years ago #
  3. khetani

    Hi, please take a look at

    You'll notice that the silver portion of the background is too small. This silver portion is 998px in the background I created, but its showing up smaller on my screen.

    Posted 4 years ago #
  4. Elliott

    Add this to your custom CSS,

    body { background-color: silver !important; }

    Posted 4 years ago #
  5. khetani

    ok, so what if I want to have black margins on the left and right hand side of the body background?

    Posted 4 years ago #
  6. Elliott

    I'm not sure I understand. Take a screenshot and highlight exactly what your trying to do.

    Posted 4 years ago #
  7. khetani

    Please visit my website and you'll see that the left & right page margins are black...

    How can I keep these black margins, while keeping the middle portion of the body silver? Right now, the problem is that the silver portion of my background is too small. Its not displaying at 998px, even though its supposed to be 998px...

    The MAIN problem is that my current background is resizing dynamically and becoming smaller.

    Posted 4 years ago #
  8. Elliott

    That's the #content_inner div and it's set to 960px. You can find the CSS for it in /wp-content/themes/[your_theme]/style.css.

    Posted 4 years ago #


You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme