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

  • Please log in to reply
12 replies to this topic

#1 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

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 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

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

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 September 2012 - 12:23 AM

Hi there, try this

Please Login or Register to see this Hidden Content


  • Martin Davies likes this

#4 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

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

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

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


  • Martin Davies likes this

#6 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 September 2012 - 09:45 PM

Hi Greenfly, let us know if Jennys suggestion worked for you :)
  • Martin Davies likes this

#7 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

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 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

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

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

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.
  • Martin Davies likes this

#10 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

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
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

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


  • Martin Davies likes this

#12 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 14 September 2012 - 09:38 AM

Great stuff, that does work. Thanks very much

#13 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 14 September 2012 - 09:40 AM

Coolio!

The topic was marked as resolved.
  • Martin Davies likes this





Also tagged with one or more of these keywords: Resolved, pagelines_framework, support, footer, boxshadow, shadow, #sb_footcols