Archived

This topic is now archived and is closed to further replies.

  • 0

Hooker Hooker and styling


Question

Posted · Report post

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.nicholaspealldesign.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...)

 

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Can you provide an example of the code you have used 

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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 :-)

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites