How to move Call to Action on home page

(20 posts) (8 voices)

1. 

   jleavitt13
   Member

   Hello, how to I move the call to action section of the home page below the content area of the home page (I believe it is the body_block). I have tried isolating the code in the featured-custom.php file but when I move the call to action code to the bottom, the breadcrumbs.gif files only repeat to the edge of the content area instead of repeating infinitely.

   Suggestions?

   Thank you for your time.

   Posted 10 months ago #
2. 

   Elliott
   Support

   Hello jleavitt13,

   Open up /wp-content/themes/infocus/lib/includes/featured-custom.php and on lines 102 - 114 you can find the call to action code,

   <div id="call_to_action">
   	<div class="inner">
   			<div id="blurb">
   				<?php echo stripslashes($teaser_text); ?>
   			</div>
   
   				<div id="call_to_action_button">
   					<?php if($teaser_button) {$link = get_permalink($teaser_button); }else{$link = '#';}?>
   					<a href="<?php echo $link; ?>"></a>
   				</div>
   
   	</div><!-- inner -->
   </div><!-- home_feature -->

   What you will want to do is move that code to the very bottom of the file and then add this line in your style.css file,

   #footer { margin-top: 0px !important; }

   That should get it working but we may have to do some CSS fixes also. Go ahead and try that out and let us know of the results.

   Posted 10 months ago #
3. 

   jleavitt13
   Member

   Hi there,

   I have done what you said it moved to the bottom but the call to action bg image is not repeating as it should.
   http://www.lovefirstparenting.com/

   Posted 10 months ago #
4. 

   Elliott
   Support

   On this line,

   <div id="call_to_action">

   Try adding a </div> in the front of it like this,

   </div><div id="call_to_action">

   Posted 10 months ago #
5. 

   jleavitt13
   Member

   that did the trick! I still have two spacing issues to clean up with moving this down. My goal is to have it sit on top of the sub-footer, but I am not able to finding what is causing the space between the two. Also in FireFox, do you know what I have the white space below the sub-footer?

   http://www.lovefirstparenting.com/

   Thank you so much!

   Posted 10 months ago #
6. 

   Elliott
   Support

   Try adding this line to your style.css file,

   #sub_footer { margin-top: -45px !important; }

   Posted 10 months ago #
7. 

   jleavitt13
   Member

   that did the trick. Thank you! Any idea why there is that white space below the sub_footer when browsed in FireFox?

   Posted 10 months ago #
8. 

   Raspo
   Support

   Hi jleavitt13,

   add this code to the style.css:
   

   #sub_footer .two_third, #sub_footer .one_third{
       margin-bottom: 0;
   }

   also, reduce the negative margin-top on the sub_footer:

   #sub_footer { margin-top: -33px; }

   Any value lower than -33 will create a white space on the bottom of the page.

   Posted 10 months ago #
9. 

   jleavitt13
   Member

   thank you!

   Posted 10 months ago #
10. 

    AdditionalView
    Member

    Just noting that this worked for me too, however I also had to add another div around the content suggested in post #2, and restrict its height to 120px using CSS related to the ID of the new div.

    Posted 10 months ago #
11. 

    Tanju
    Member

    an how can i add a new button right of the main-button?

    

    Attachments

    1. mysite_question.png (23.2 KB, 1 downloads) 10 months old

    Posted 10 months ago #
12. 

    Tanju
    Member

    or like this . . incl. changing link to another site

    thanks so much for help

    Attachments

    1. mysite_question_1.png (69.5 KB, 5 downloads) 10 months old

    Posted 10 months ago #
13. 

    Ruderic
    Support

    Hi Tanju,

    Could you please tell us which version of inFocus you are using?

    Posted 10 months ago #
14. 

    Tanju
    Member

    yes >> 1.6

    Posted 10 months ago #
15. 

    Tanju
    Member

    first of all >> hi ruderic ;-)

    is it easier to add another one in the newer version?
    excuse my worst english!! :-(

    Posted 10 months ago #
16. 

    Elliott
    Support

    Hello Tanju,

    It looks like you already have a topic here, http://mysitemyway.com/support/topic/second-call-to-action. So I'll go ahead and close this one.

    Posted 10 months ago #
17. 

    thetermy
    Member

    This isn't working on 2.3 because there is no file for includes, correct?

    Posted 8 months ago #
18. 

    Elliott
    Support

    Yes it's only for inFocus 1.6, we'll carry on in your other thread.

    Posted 8 months ago #
19. 

    winbach
    Member

    Is there a way to do this in Dejavu as well? And how can I add some php code to the call to action area template? Thanks

    Posted 6 months ago #
20. 

    Elliott
    Support

    Hello winbach,

    The line you are looking for is in /wp-content/themes/dejavu/lib/functions/theme.php on line 679,

    $home_text .= '<a class="button_link call_to_action alignright" href="' . esc_url( $btn_link ) . '"><span>' . stripslashes( $teaser_button_text ) . '</span></a>';.

    Let us know what your trying to do and we may be able to offer some alternatives or give you better instructions.

    Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.