Background shadow png not displayed

  • Thread starter Thread starter bogus
  • Start date Start date
B

bogus

Guest
I am trying to add a shadow png to my fixed style with some probs.

What i´ve done till now ist:

EXTRA.css
Code: 
.bgmid {
background: url(test/schadow_bg.png) repeat-y;
background-position: top;
}

and i added the div class in PAGE_CONTAINER
under <div class="pageContent"> with <div class="bgmid">

the closing </div> is located under <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>

The problem is that the shadow image does not appear.
I am not a coder and have certainly done something wrong
 
Sort by date Sort by votes
Can you post a URL to your forum so we can debug the page?

I always put single quotes around background urls. I'm not sure if that is required though:

Code: 
background: url('test/schadow_bg.png') repeat-y;
 
Upvote 0 Downvote
This is the code from the extra.css
Code: 
.shadowfooter {
background: url(test/shfooter.png) bottom no-repeat; padding: 20px; margin-left:0px
}

.bgmid {
background: url('test/schadow_bg.png') center repeat-y;
 
Upvote 0 Downvote
I got it to work on the main content by doing this:
image.webp

However the bottom shadow is repeated all the way down and it doesn't appear on the header section but that should be easy to solve by adding a background image for that section.
 
Upvote 0 Downvote
if i do it that way, to add the png to the properties section it, as you already wrote, will repeat till the bottom.
Thats why i thought to add it directly to the container template with a closing div, which actually does not work ;)
Just take a look now. i´ve done it the way you wrote.
 
Upvote 0 Downvote
Got it :D
So easy.... If you know ;) ... All changes in page_container

well. I´ve added the class <div class="bgmid"> direcly after <body>
and closed the it with a </div> right after </header>

Rest is simple too;) the footer class <div class="bgfooter"></div> is added after </header>

In extra.css i added
Code: 
.bgfooter {
background: url(test/shfooter.png) bottom no-repeat; padding: 20px;
}

.bgmid {
background: url('test/schadow_bg.png') center repeat-y;
}

You just have to change maybe the padding. cause its different from template to template. and then you have an imaged shadow. And for sure the image Path
If any is interested in i will add this to the Template Forum, later ;)

Thanks to all of you especially Brogan. He is always a helping Hand.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

ibaker
  • Question Question
Moving visitor_tab to header
Replies
10
Views
2K
Betclever
Betclever
SvedCo
  • Question Question
PAGE_CONTAINER problem
Replies
3
Views
2K
SvedCo
SvedCo
Morgain
  • Question Question
Buttons for Watch, and Edit
Replies
1
Views
815
steel_curtain
steel_curtain
ibaker
  • Question Question
How to move Log Out to where Log In is - more menu room
Replies
3
Views
1K
Fuhrmann
Fuhrmann
B
  • Question Question
Trying to add Google Translation into tab
Replies
1
Views
3K
bogus
B
Top Bottom