Background re-sizing

wideawkechris's picture

wideawkechris
December 13, 2011
7:06pm

Hi there,

I am having a lot of trouble trying to re-size or remove #content-deco-top . I want the page to just show #content-deco-bottom and not cover up the below background image.

I have tried to resize the height of #content-deco-top by following other help post but have had no success

 

please help

 

chris

Status: Resolved

Comments

Gardener
Dave Murphy December 13, 2011
11:36pm

What's the url of the site in question?

Regards,

Dave

Moderator
stacywray December 19, 2011
8:17pm

Hi Dave,

The URL for the affected page is:  http://wideawakeproductions.drupalgardens.com/

Thanks!

 

 

Best regards,

Stacy Wray | Acquia Senior Support Engineer
 

Gardener
Dave Murphy December 20, 2011
11:53am

Chris,

To get rid of some the default styling and images that are a part of this theme, try using the Styles tab of the Themebuilder first. The second option is go to the Advanced tab and see if the styling in question is listed under Styles CSS. If the styling is available in the list, then click to temporarily hide the styling or delete it all together. The last option is to write some custom CSS and place it in the Custom CSS.

The theme you are using has a border that is added to the #content-deco-top in .layer-a and .layer-b. Go through the steps listed above to try and make the selection and delete that styling. The third option is this CSS:

#content-deco-top .layer-a, #content-deco-top .layer-b { display: none; }

From what it looks like, you have placed that background graphic in the #page-deco-bottom .layer-a. The current styling is fixed, so as the page is scrolled, the content covers the image. Using the Web Developer Toolbar, I added the following CSS. 

#page-deco-bottom .layer-a { background-attachment: scroll !important; }

This keeps the image scrolling with the page. 

Try these settings and see if this is more of the direction you are looking for in your styling.

Regards,

Dave

This topic has been closed to further comments.

Feedback