-
Posts
-
I am changing the background of my main area and when I add new backgrounds I am getting some issues.
I’ve attached a link to dropbox with screenshots of the issue.
Above the menu there seems to be a transparent box which I cannnot remove.
On another background, there seems to duplicate the background (yellow screenshot)
Any suggestions on how to remove these issues?Hey Darren,
Thanks for providing those assets. Please add the following to quick css:
#layerslider_3{ padding-top:0px!important; }I’m not quite seeing what the problem is for the second issue. It seems to be normal spacing.
Best regards,
Jordan ShannonHey Jordan
Thank you for the reply :)
That code didn’t seem to do anything?
I’ve added a couple more screenshots explaining in a little more detail.
Its the transparent area behind the logo across to the banner that I’m trying to remove.
It seems its a layer behind the main content, when I use inspect on the page, I can remove all the content in the main area and I’m left with a transparent layer that I can’t remove.
With the other screen shot, I have added some more information, you’ll notice using the other background the transparent area seems to disappear but then there is that overflow behind the main content.
I hope I have explained this clearly.
Really appreciate your help.
DarrenJ
update I cached my page and did notice a small change, it just reduced the size of the transparent area at each end a very small amount.
I added a screen shot for you to see.Hi,
Adjust my earlier css to this:
.ls-wp-container{ padding-top:0px!important; }Best regards,
Jordan ShannonHi DarrenVIP,
Can you give us links to those other pages where the issue persists?
Best regards,
VictoriaHi V
I have put a couple more screen shots in the dropbox for you to see.
The first link below is to my current live site. As you can see there is no border around the main content or header area.
It looks very clean
The second link is to my test site where I am trying to update my site.
As you’ll see there is a border around the main content area that stretches up to the top of the page.
I want the page to look like my current live site with the new background.
I have the background image of my new site saved at 1222px wide (if that helps)
If you look at the third link below you’ll see if you scroll down the page the background seems to restart many times.
I hope I am giving you enough information.
Your assistance is very much appreciated.
DarrenHi,
The code that I sent above was to remove the white space above your banners that was mentioned? Did this not work as I’m no longer seeing the space anymore?
Best regards,
Jordan ShannonHi Jordan,
That white space above the slider was the sliders padding.
I just removed the padding and it was gone.
That isn’t the issue.
There is a border around the main content when I add a new background.
As per the Dropbox screenshots. My current site, no border around main content. Change background and I get a border around the main content area.Hi DarrenVIP,
Can you please make the border visible for us, even if it is on a test page, so that we can help you with it.
Best regards,
VictoriaIsmael
I just replaced the image bg.jpg in file manager newsite/vipentertainment/themes/images
set background to fixedHi,
I’m sorry but I don’t think I understand you clearly. Did you override the bg.jpg file manually? How did you set the image as background in the first place?
Best regards,
IsmaelYes I just renamed the new background image bg.jpg and replaced the original image as 3 developers could not work it out and that was there only solution?
The site was built by another developer who has since gone bust.
I think this is one of those things no-one can solve so I’ll have to put up with near enough I guessHi DarrenVIP,
This can be figured out, just it’s confusing the way it is now. Why so many background images, when you need to set just one to a correct container. And the border you mean this?
Best regards,
VictoriaHi Victoria
There should only be 1 background.
I do not know why or how that border is showing up.
I have replaced the original background image with a new image.
Shouldn’t the new image just replace the old image so its a clean background with no border?
Bellow is my login details if you need to see more information.
I am doing this on a test site, not my live site.Hi,
Thank you for the update. I can’t figure out how they added the main container background. They used this css code to add the main html background.
html { background: #333 url("images/bg.jpg") fixed center top !important; }Please contact the previous developer.
Best regards,
IsmaelThanks Ismael
Unfortunately I can’t contact them as they closed down about 4 years ago.
I’ll just have to put up with it the way it is I guess.
Thanks
Darren.
- The topic ‘layer/header appearing behind main content’ is closed to new replies.