Jump to content

Any way to change background on certain page?


Guest Corry

Recommended Posts

Guest Corry

Hi there, Here is a link to my site: http://accutron.herobo.com/index.php

As you can see, at the bottom of the page is a small white newspaper article, which is part of the page background.

When a customer attempts to checkout, they are unable to see some text as article cuts through the page, due to it being part of the background.

Anyway I can change the website background for the checkout page?

Thanks :)

Link to comment
Share on other sites

Please look in the common.css file for your skin.

Near the top is a collection of CSS rules called "section_wrappers". You will probably be interested in the checkout and maybe the gateway wrappers.

Within the braces that define the rule, add things such as:

background-image: none !important;

Wait: I see that the newspaper image is not part of the <body> background, but rather part of the <div "documents_top"> container (of which there is no matching </div> tag). So...

Here's how the code in main.php is suppose to be:


<div id="documents_wrapper">

  <div id="documents_top">&nbsp;</div>

  <div id="documents_bottom">{$SITE_DOCS}</div>

</div>





Yours is:



<div id="documents_top">

  <div id="documents_wrapper">

	<div id="documents_bottom">{$SITE_DOCS}</div>

  </div>

By fixing the <div> nesting, you will probably be able to get the news image to cooperate with the rest of the layout.

I suggest not using documents_top as the container for this image. Create another <div> after documents_bottom and position it.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...