Jump to content
Sign in to follow this  
nfp1900

Hooker and styling

Recommended Posts

nfp1900    29
nfp1900

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
greenfly    230
greenfly

Can you provide an example of the code you have used 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nfp1900    29
nfp1900

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
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
nfp1900    29
nfp1900

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • webmktco
      By webmktco+
      I'm getting the following errors when trying to add hooks:

      Here's the debug info: http://www.stackdental.com/?pldebug=1
      Core, themes, and plugins are up to date.
       
       
       
    • art23130
      By art23130+
      We had a very nice shortcodes library and hooker in the previous version of the platform. But in the version 5 they are missing. 
      So are you going to improve it again in future or no they are not supported anymore? 
      and one more question, what do you suggest for sharing bar which we had in DMS2 ?
      Thanks for your effort 
    • dreamsight
      By dreamsight+
      We add phone number to the top right of sites using hooker (example http://hub.theasap.org.uk/) but it's not responsive. Is there a better way to add here, which would be responsive?
    • kellid
      By kellid
      Hello, 
      I'm in a dramatic situation.  I have a live site that is totally screwed up and I'm in desperate need to fix it asap.  The site was originally build with Pagelines but have made several upgrades through the years.  With the latest WP upgrade, somehow the action loop I was using on my homepage came through dramatically wrong and not sure how to fix the problem.  I have the Hooker plugin and in need of finding the action map to figure out where to implement the loop and fix the problem.  I found the action map plugin stored on an old hardrive but when activated, I got an error so I quickly deleted it.  I can't find a download or instructions on this anywhere, only broken links and no documentation.   
      Can you please direct me to the action map to use the hooker that I already have or show me the documentation to use this product?  
      Thank you
    • ipitts
      By ipitts+
      To whom it may concern:
      I am developing a website for a client using the PageLines DMS2 theme and am having an issue getting a custom jQuery function to work using your Hooker plugin. I have used Hooker to add HTML and PHP to the wp_head hook successfully, so I do not understand where the issue exists – I am using the pageslines_after_footer hook to place my jQuery at the bottom of the document (alongside the many other scripts that come with the theme and various other plugins). I checked the document HEAD section and know that jQuery is enabled, and after enabling my custom hook saw that my script was loaded into the footer (as hoped for), but it is not working.
      I am trying to make a simple, custom back-to-top button that appears after a user has scrolled the page a certain distance, as calculated in jQuery. After an hour, I decided to troubleshoot my script on a test WordPress site on my localhost (using jQuery version 1.11.3) and it works exactly as intended. I would like to avoid writing any code within the DMS2 theme files if possible.
      I have also tried the wp_head, wp_footer and pagelines_before_footer hooks to no avail. Am I using the wrong hook(s)? What else can I try?
      My code:
      HTML
      <a href="#"><div id="bttb-cont" style="">Hello</div></a>
       
      jQuery (within the Hooker plugin)
      <script type="text/javascript">
                      $(document).scroll(function() {
                                      var windowHeight = $(window).height() / 7;
                                      var scroll = $(window).scrollTop();
                                      
                                      if (scroll > windowHeight) {
                                                      $('#bttb-cont').fadeIn();
                                      } else {
                                                      $('#bttb-cont').fadeOut();
                                      };
                      });
      </script>
       
      As you can see, it is a very simple script.. Any help on this matter will be greatly appreciated.
       
×