Solved

add spacing between site and background image

Posted on 2016-09-15
6
86 Views
Last Modified: 2016-09-21
I added a background image to a wordpress template.  Now all elements of the site are way to close to the edges.  I tried adding padding and/or margins to various elements but it didn't work too good. Any ideas?  This should be a simple fix but every time I try to fix it I just make matters worse.  Doesn't help that I am sick today either...  : (

http://380.38e.myftpupload.com/
0
Comment
Question by:nsitedesigns
  • 4
  • 2
6 Comments
 
LVL 5

Accepted Solution

by:
ResQTek Nancy earned 500 total points
ID: 41800511
I was playing with the style in the "site-container" DIV and played with these properties to get some results:

{
    width: 1024px;
    padding: 10px;
    margin: auto;
    background-color: white;  /* this in particular was needed to get the padding to be visible */
}
1
 

Author Comment

by:nsitedesigns
ID: 41800527
I increased the width to 1224px and that seemed to do the trick!
0
 

Author Closing Comment

by:nsitedesigns
ID: 41800528
thanks!!!!!
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

Author Comment

by:nsitedesigns
ID: 41800590
Oh no!  When I resize the site by grabbing the lower right corner, it doesn't resize properly!  Help!!!!
0
 
LVL 5

Expert Comment

by:ResQTek Nancy
ID: 41800662
Try using a percentage in the width, like 65%, instead of fixed pixels. Maybe that will work for you.
0
 

Author Comment

by:nsitedesigns
ID: 41809077
Worked!
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

930 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now