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
11:36pm
What's the url of the site in question?
Regards,
Dave
www.davidbrianmurphy.com
8:17pm
Hi Dave,
The URL for the affected page is: http://wideawakeproductions.drupalgardens.com/
Thanks!
Best regards,
Stacy Wray | Drupal Gardens Client Advisor
DG tip: Troubleshoot your site
See Docs at http://bit.ly/10YeOMp
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
www.davidbrianmurphy.com