Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2820

    Hi -

    I am really happy with the Display Theme!

    I just wanted to make one more adjustment where I would like to add a shadow on each side of the web page similar to http://webricknfire.com. I would like for the shadow to be under the black on the header and footer on http://socalcyclingteam.com/, so that it basically runs from the bottom of the black on the header to the top of the black on the footer and not show over the black on the header or footer.

    I have created the shadow image 940 wide and 5 pixels tall that I would like to repeat and be centered so it frames the site on both sides on all pages like on http://webricknfire.com/, but am not sure how to do this as far as coding.

    Thanks for your help.

    #39417

    Hey,

    it’s easier if you make an image with 960px width (like it’s used here: http://webricknfire.com/images/dropshadow.jpg )

    Then add following to style.css:

    #top{
    background: #fff url(../images/skin1/background.png) repeat-y !important;
    }

    Replace background.png with the name of your bg image. :)

    #39418

    thanks for the info. Is there a way to make the shadow go under the black image in the header and not not on top of it.

    Also, the shadow did not show on the section where the dark shadow is under the slider and the part below where the text description and logos are.

    The shadow starts showing on the portion where the 3 images are.

    thank you!

    #39419

    Hey,

    yes the structure of the tehme is a bit complex so I’m not sure if we can get this to work easily. Do you have a demo page where I can investigate things first hand. It’s hard to tell you what to do without a “live” version.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Would like to add a background shadow on each side’ is closed to new replies.