Jump to content


Photo
- - - - -
Resolved

Drop shadow on the footer as well as on page canvas using CSS

pagelines_framework support footer boxshadow shadow #sb_footcols

This topic has been archived. This means that you cannot reply to this topic.
12 replies to this topic

#1 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 13 September 2012 - 12:06 AM


Hi all..


On a site i am putting together the page canvas has the drop shadow that goes around the page and down to the footer and then stops. i have added a colour to the footer and i intend to change this eventually to a background image. Im confident in changing it to a background image using CSS so im ok with that, however when i try to add the drop shadow to the footer i cant seem to get it to work. Looks more complicated than i at first thought.


The page canvas uses the followng CSS to generate the shadow (i think)


Please Login or Register to see this Hidden Content



so i have added the following to the Custom Code



Please Login or Register to see this Hidden Content


i have tried other variations of this i.e. changing the

Please Login or Register to see this Hidden Content


to

Please Login or Register to see this Hidden Content


and some other variations have also been tried.


anyone any ideas what it is i am doing wrong?

thanks in adavnce!


#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 13 September 2012 - 12:08 AM

the site address is

Please Login or Register to see this Hidden Content



#3 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 13 September 2012 - 12:23 AM

Hi there, try this

Please Login or Register to see this Hidden Content



#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 13 September 2012 - 12:19 PM

Hi there, try this

Please Login or Register to see this Hidden Content


Hi James - this didn't work - thanks though

#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts

Posted 13 September 2012 - 06:39 PM

You're using the wrong CSS selector. You don't need to use the ".content-shadow.fixed_width" as that applies to the original selector only. You only need to use the footer and apply the CSS to that, like:

Please Login or Register to see this Hidden Content



#6 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 13 September 2012 - 09:45 PM

Hi Greenfly, let us know if Jennys suggestion worked for you :)

#7 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 13 September 2012 - 10:43 PM

Hi Jenny, Thanks for your help - i tried the following

Please Login or Register to see this Hidden Content


But it didn't seem to work.

#8 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 13 September 2012 - 11:35 PM

i have tried a variety of selectors in various orders but none of them seem to work. I shall try again tomorrow and update the thread.. -_-

#9 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 13 September 2012 - 11:38 PM

Hi Greenfly

Could you backtrack through your custom css for me and couple check everything. Make sure there's no ; or } missing.
I think there must be something else in the code above which isn't complete and therefore stopping anything else below it from working.

#10 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 13 September 2012 - 11:44 PM

Of course. I'm seeing through the screen now as tires so will check first thing (uk Time)

thanks - i will let you know.

#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts

Posted 14 September 2012 - 05:48 AM

Hi,

The code below works, I have just this moment tried it.

Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content



#12 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts

Posted 14 September 2012 - 09:38 AM

Great stuff, that does work. Thanks very much

#13 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts

Posted 14 September 2012 - 09:40 AM

Coolio!

The topic was marked as resolved.