Solved

add spacing between site and background image

Posted on 2016-09-15
6
126 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 

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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

691 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