WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Text Area Under Footers (30 posts)

  1. satrntgr
    Member
    Posted 6 months ago #

    Is there any way to add a text box under the footer? I tried to add the 4th footer box, but that just didn't work. Or even a text box above the footers that would go across the whole page and not be in one of the 3 columns??? Thanks.

  2. batharoy
    Member
    Posted 6 months ago #

    Using a child-theme downloaded here you could add an area either above or below by editing the footer.php.

  3. satrntgr
    Member
    Posted 6 months ago #

    I have a child theme already installed, what do I do to edit the footer.php?

  4. rdellconsulting
    Member
    Posted 6 months ago #

    I'd suggest you go for a Text Widget solution.

    You could use just one of the 3 footer areas and style the result to stretch ther whole width if needed

  5. satrntgr
    Member
    Posted 6 months ago #

    ..but I have things in my 3 footers that I need, I just want another text space underneath of those that is all the way across. Wish it were easy. Thanks rdellconsulting.

  6. rdellconsulting
    Member
    Posted 6 months ago #

    Do any of the 3 footers use the Text Widget? Do they have HTML coded?

    Just thinking you could add a new <div> with a class="widefoot" and then reposition that element using:

    .widefoot {
    position: relative;
    top: 0px;
    left: 0%;
    min-width: 100%
    }

    and then make adjustments. Use '-' to move up or left from start-position.

    For width dimensions, using % ensures your responsiveness is maintained.

  7. satrntgr
    Member
    Posted 6 months ago #

    But then that would mess with my other footers, right? I just need a text area underneath those 3 boxes. :(

  8. batharoy
    Member
    Posted 6 months ago #

    I THINK you can use this tutorial and replace all instances of header with footer, mind the capitalization.

    If I'm wrong someone will definitely be in to say so.

  9. satrntgr
    Member
    Posted 6 months ago #

    I don't want to replace them - I just want to add a text both underneath...that's it.

  10. batharoy
    Member
    Posted 6 months ago #

    The tutorial teaches how to add a widget area below the header. I think if you replace all instances of header with footer in the tutorial it will add a widget area after the footer.

  11. satrntgr
    Member
    Posted 6 months ago #

    What's the link to the tutorial?

  12. batharoy
    Member
    Posted 6 months ago #

  13. rdellconsulting
    Member
    Posted 6 months ago #

    No need to create any new widget areas.

    Just tested my approach and it seems to work for me.

    I've set up 3 Footer Text Widgets (Left-Center-Right)

    Added some <p> text to each and styled it.

    Edited the center footer and added

    <h4>Let this stretch over the whole footer please! *****************************************************************************************</h4>

    Repositioned it using:

    footer#footer h4 {
    position:relative;
    top: 60px;
    left: -100%;
    }

    You'll need to make adjustments to suit yourself.

  14. nikeo
    Member
    Theme Author

    Posted 6 months ago #

    Hi, the following snippet explains how to add a fourth widget area in the footer :
    http://www.themesandco.com/snippet/adding-fourth-footer-widget-area/

    Thanks

  15. satrntgr
    Member
    Posted 6 months ago #

    Thanks nikeo - can that widget go across the whole page? I'd like to put in widgets that will just go left to right and then continue down below. Thanks.

  16. ElectricFeet
    Member
    Posted 6 months ago #

    Delete whatever you have in footer widget areas two and three and add:

    #footer_one {
        width: 100%;
    }

    to your CSS.

    That will give you one wide footer.

  17. satrntgr
    Member
    Posted 6 months ago #

    Okay, now how do I get the widgets to stack left to right inside up and down? I'm using Customizr and just want a line of widgets horizontal and not vertical. Any ideas?

  18. ElectricFeet
    Member
    Posted 5 months ago #

    That's why there are three in the first place, to help you do that :-)

    How many columns do you want? Your first post indicated that you wanted three columns with one row underneath. This is what the "use case" in here does: http://www.themesandco.com/snippet/adding-fourth-footer-widget-area/

  19. satrntgr
    Member
    Posted 5 months ago #

    I do want one underneath, but being able to insert widgets side by side all the way across that one box. Right now I have the three with my necessary stuff in them and would like the one under to have multiple ads inserted that go across the whole bottom of the page. I tried to just do it as a text box, but didn't work.

  20. ElectricFeet
    Member
    Posted 5 months ago #

    Ok, then use the code in the "Use case: adding a fourth widget area below the three default footer widget areas" in :http://www.themesandco.com/snippet/adding-fourth-footer-widget-area/

  21. satrntgr
    Member
    Posted 5 months ago #

    I already have it in there that way ElectricFeet and it still has them going in vertically instead of horizontal. My site is http://www.tigerstrypes.com and it's the widgets below the first 3 in the footer (Niche...Bloggers Req'd). I want those to site next to each other, with any others I insert also going left to right until there is no space and then starting another row. Any ideas?

  22. batharoy
    Member
    Posted 5 months ago #

    Since your entering as html in a text widget, give them a class of widget-4 or such.
    You can then use css.
    Here's an example:

    <div class="widget-4"><a href="http://www.thenichemommy.com/" target="blank"><img border="0" src="http://www.thenichemommy.com/wp-content/uploads/2013/09/Niche_Parent_Member_Badge.png"></a></div>

    That way you can leave out the <center> tags & inline styling.
    Use css in your stylsheet:
    widget-4 {
    float: left;
    }

  23. satrntgr
    Member
    Posted 5 months ago #

    No batharoy - that's wrong. I'm trying to add them as the HTML widgets. The text ones won't allow me to use the html in them and I don't want to edit my css, since the Customizr is always changing. :( Maybe there's just no way to do this. I just want a spot where I can put widgets down at the bottom like this: [ ] [ ] [ ] [ ] and not up and down.

  24. ElectricFeet
    Member
    Posted 5 months ago #

    OK, it's a bit confusing for us here, because it's not clear what you want. If you want one wide widget area, then all you have to do is what I suggested above:

    Delete whatever you have in footer widget areas two and three and add:

    #footer_one {
        width: 100%;
    }

    to your CSS.

    That will give you one wide footer.

    If you want them all to appear one after another, horizontally, then add:

    .widget {
        float: left;
        margin-right: 20px;
    }

    to your CSS.

  25. satrntgr
    Member
    Posted 5 months ago #

    It's confusing for me too, with what you're telling me. I WANT widget 1-3 as my footer, but I want widget 4 to be an area under my footer all the way across that I can insert widgets in that go left to right and not only in the center up and down. I showed you how I want it to look. Like I said, maybe it's not something I can do.

  26. batharoy
    Member
    Posted 5 months ago #

    @satrntgr

    <--widget 1--><--widget 2--><--widget 3-->
       content       content       content
    
    <----------------widget 4---------------->
       content   content   content   content

    The elements in widget 4 should align horizontally not vertically.

    Is this correct?

  27. ElectricFeet
    Member
    Posted 5 months ago #

    If what batharoy has posted is correct, then you need to:
    1. Add the following to your functions.php:

    // Adds a widget area. It gets registered automatically as part of the arra
    add_filter( 'tc_footer_widgets', 'my_footer_widgets');
    function my_footer_widgets( $default_widgets_area ) {
        $default_widgets_area['footer_four'] = array(
              'name'                 => __( 'Footer Widget Area Four' , 'customizr' ),
              'description'          => __( 'Just use it as you want !' , 'customizr' )
        );
        return $default_widgets_area;
    }
    
    // Adds a class to style footer widgets
    add_filter( 'footer_four_widget_class', 'my_footer_widget_class');
    function my_footer_widget_class() {
        return 'span12';
    }

    (this uses the "Use case : adding a fourth widget area below the three defaults footer widget area" from this snippet).

    2. Style it with:

    #footer_four .widget {
        float: left;
        margin-right: 20px;
    }
    #footer_four .widget-title {
        text-align:left;
    }

    Tell me we've got it now, please :-)

  28. satrntgr
    Member
    Posted 5 months ago #

    Okay Electric feet - I added that and now my site won't even load. Had to go into my goDaddy account and delete that. I have a child theme for Customizr. Do I add it to that functions file, or do I have to add it to the main? (Which means every time he updates the theme, I'll have to redo it). This stinks. Should be much easier than this to get this done!

  29. satrntgr
    Member
    Posted 5 months ago #

    ...and Batharoy, yes!! That's exactly how I want it to look! Also ElectricFeet, I forgot to ask, does the "style it" portion get added to the style.css portion of the child theme?

  30. satrntgr
    Member
    Posted 5 months ago #

    It must of been something to do with WordPress - because when I input this stuff via GoDaddy directly, it worked fine. Thanks everyone!

Reply

You must log in to post.

About this Theme

About this Topic

Tags