Jump to content


Photo
Hooker

Hooker and styling

hooker

  • Please log in to reply
5 replies to this topic

#1 nfp1900

nfp1900

    Advocate

  • Members

  • 285 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 24 May 2013 - 03:10 PM

Hi

 

I just started using Hooker and it's relatively straightforward to get elements landing on the page. I created a hook with a div class for an image 1100px wide to site above the footer (this is the link to my messy testing server http://testserver.ni...ealldesign.com/ where you can see two hooks I added). What I'm stuck on is getting this image to sit under the content section. Thx for any assistance (using FB and W3 ref already...)

 



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 24 May 2013 - 06:51 PM

Can you provide an example of the code you have used 



#3 nfp1900

nfp1900

    Advocate

  • Members

  • 285 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 24 May 2013 - 07:08 PM

Well actually I'm not sure of the CSS I need to use in this instance - was hoping for a nudge, then I can take care of the rest. Thanks



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 24 May 2013 - 10:03 PM

Hi there, I can the divs footergraphic and footerbranding. You want these to sit on top of the footer with no gap inbetween under the content? 

 

At the moment they are under the content but bleeding into the footer a bit and there's a contentbox inbetween - http://screencast.com/t/rdEZb7GwLvet

 

If you have one, zap us an image of how you want to look :-)



#5 nfp1900

nfp1900

    Advocate

  • Members

  • 285 posts
  • LocationLondon (the original one)
  • Framework Version:The Latest
  • Country: Country Flag

Posted 03 June 2013 - 10:45 AM

sorry for the delay in replying.

 

I was hoping it would look something like this http://www.biscuiteers.com/ with a graphic sitting at the bottom of the content. Using the action map I can add a hook to pagelines_inside_bottom_morefoot so that a graphic aligns in the content area without CSS (which could work depending on the design I create) but it still appears too far from the footer. Without an 'inside' hook for the footer I will need some CSS to get a graphic to align centre.

 

Thanks for any ideas about how to do this.



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 June 2013 - 10:58 PM

Hi there,

 

Ok you could do this simply with css, using a pseudo class which would give this effect - http://screencast.com/t/DP0f83rG8sK

 
#footer:before {content:url(http://testserver.nicholaspealldesign.com/wp-content/uploads/2013/05/footer1100_test.jpg);}

Or you could use the pagelines_before_footer hook and place the image in it's own div so it holds it's own div so you can control it with css. Then when the image was in place adjust the width to 100% and tweak the height, maybe place a margin at the top to keep the content above from falling down over the image.







Also tagged with one or more of these keywords: Hooker, hooker