How do I remove widget areas from the footer?

(49 posts) (11 voices)

1. 

   bengillin
   Member

   I would like to be able to remove 1 widget area from the footer leaving 4 instead of the current 5 areas. I'd like them to be equal in spacing and I was wondering if there was a solution for this. I removed one of the areas within the code and failed miserably. I since then have reverted back to the original code in the footer. Any and all help is much appreciated!

   Thanks!

   Posted 2 years ago #
2. 

   Uniq
   Support

   Hi bengillin,

   Please replace the files in your theme's folder with the ones I have attached.

   Let me know if this is what you were looking for!

   Enjoy!

   Attachments

   1. infocus_footer_4col.zip (9.4 KB, 92 downloads) 2 years old

   Posted 2 years ago #
3. 

   bengillin
   Member

   I will try this a bit later in the day! Thanks for the speedy reply! I will be sure to let you know how it turns out.

   Posted 2 years ago #
4. 

   Anonymous
   Unregistered

   Fantastic update - I uploaded the revised files and it works perfectly.

   Posted 2 years ago #
5. 

   GfromKC
   Member

   I also uploaded the files and it worked, with this exception... the contact form size and alignment is now wrong. (screenshot attached) How do I fix this?
   Many thanks!

   

   Attachments

   1. 4c-footer-contactform-problem.jpg (21.7 KB, 6 downloads) 2 years old

   Posted 2 years ago #
6. 

   Uniq
   Support

   Hi GfromKC,

   The widget areas in the footer now have different sizes, so, if you're still looking forward in using 4 columns, I'd have to make a tweak to look like this: 3 smaller, 1 (last one) large. Is that what you're looking for? If yes, I'll post an update asap!

   Cheers,
   Uniq

   Posted 2 years ago #
7. 

   paultimoce
   Member

   I do have the same problem as GfromKC... Your tweak would be welcome Uniq...

   Cheers

   Posted 2 years ago #
8. 

   Uniq
   Support

   Hello guys,

   I've come with the fix you were looking for. Check attachment!

   Let me know if this is what you were looking for.

   Cheers,
   Uniq

   Attachments

   1. footer_4col_3smaller_1large.zip (9.4 KB, 56 downloads) 2 years old

   Posted 2 years ago #
9. 

   GfromKC
   Member

   Thanks so much! I'll update today

   Posted 2 years ago #
10. 

    GfromKC
    Member

    Thanks I've uploaded the new footer.php and style.css, sizes are good but the alignment is still off... (screenshot attached.) How to adjust?
    Thanks!

    

    Attachments

    1. 4c-footer-form-align-problem.jpg (21.6 KB, 3 downloads) 2 years old

    Posted 2 years ago #
11. 

    Uniq
    Support

    Hi GfromKC,

    I've tested the footer and it's not causing any misalignments. Could you give me a link of your website so I can take a look at it, please?

    Cheers,
    Uniq

    Posted 2 years ago #
12. 

    GfromKC
    Member

    Thanks, Uniq, the site has not yet launched and is password protected...may I send you the URL and login via email?

    BTW, I have the same alignment problem in IE, Firefox and Chrome.

    Many thanks, Gayle

    Posted 2 years ago #
13. 

    Uniq
    Support

    Hi Gayle,

    Sure do. I'll PM you my e-mail address as it seems my inbox (here) is full at the moment!

    Cheers!

    Posted 2 years ago #
14. 

    mcdoopy
    Member

    Would welcome on update on the alignment issue. If there's no issue, this would be a useful update for me as well!

    Posted 2 years ago #
15. 

    Uniq
    Support

    It's there mcdoopy, feel free to test it.

    Uniq

    Posted 2 years ago #
16. 

    mcdoopy
    Member

    I just updated the files, and have the same alignment problem.

    Posted 2 years ago #
17. 

    Uniq
    Support

    Hmm I remember that I've fixed this already. Let me look, I've probably posted it in another topic. Or might have sent the single file as it is to Gayle.

    I'll come back to you in a minute.

    Cheers,
    Uniq

    Posted 2 years ago #
18. 

    mcdoopy
    Member

    Sounds good!

    Posted 2 years ago #
19. 

    mcdoopy
    Member

    It appears the alignment issue is affecting the "comments" as well. FYI

    Posted 2 years ago #
20. 

    Uniq
    Support

    Guys, may I ask you to test this on different browsers? I've just tested it on them all, and it really seems to be displaying it right.

    In case you downloaded a wrong file, this is it. (Check attachemnt)

    Please let me know what browser you are using and it's causing the problems. Also, what version of inFocus are you running and your operating system.

    Cheers,
    Uniq

    Attachments

    1. footer_4col_3smaller_1large.zip (9.4 KB, 43 downloads) 2 years old

    Posted 2 years ago #
21. 

    mcdoopy
    Member

    Hey Dorian,

    Same problem on both my Macbook and PC. I used the above attachment, and tested on the latest versions of Chrome, IE, Firefox and Safari.

    The same alignment issue is affecting the "leave a reply" area.

    Mike

    Posted 2 years ago #
22. 

    mcdoopy
    Member

    Ah... OK, I see the confusion Dorian. You fixed the problem according to the post from GfromKC. I'm saying the alignment isn't the same as it was originally with the 5 columns. I suppose it works as-is, it just doesn't look as nice ;)

    Posted 2 years ago #
23. 

    Uniq
    Support

    Mike,

    Please drop me a private message (or post it here if you don't mind making it public) with a link to your website (the one causing the alignment issue), also a direct link to a page that has the "leave a reply" area on.

    Cheers,
    Dorian

    Posted 2 years ago #
24. 

    mcdoopy
    Member

    You can see both here:

    http://wordpress.cleanhousemusic.com/?page_id=19

    Like I said, I guess it works as-is, but the way it looks originally is better I think.

    Posted 2 years ago #
25. 

    mcdoopy
    Member

    I just noticed the "leave a reply" formatting is off in IE. Also, the size of the twitter widget in the footer, also varies between FFox and Chrome. Just an FYI.

    Posted 2 years ago #
26. 

    Uniq
    Support

    Hi Mike,

    I see. Thanks for posting the link!!

    I'll come with a fix as soon as possible!

    Cheers,
    Dorian

    Posted 2 years ago #
27. 

    mcdoopy
    Member

    No problem! I appreciate your help with this :)

    Another (minor) issue - When you drag the message box for the email us widget, it doesn't expand properly. Just a heads up!

    Posted 2 years ago #
28. 

    Uniq
    Support

    Noted!

    Posted 2 years ago #
29. 

    mcdoopy
    Member

    Bumping up. Waiting on an update :)

    Posted 2 years ago #
30. 

    Uniq
    Support

    Thanks for bumping it up Mike,

    I've almost forgot about this! I'll come with an update in the upcoming couple of hours!

    Cheers,
    Dorian

    Posted 2 years ago #
31. 

    mcdoopy
    Member

    No worries, thanks!

    Posted 2 years ago #
32. 

    mcdoopy
    Member

    I hope I didn't confuse you with no worries, thinking I meant, don't worry about it ;)

    Still waiting on a fix... hehe

    Posted 2 years ago #
33. 

    mcdoopy
    Member

    Bump. Still waiting :)

    Posted 2 years ago #
34. 

    mcdoopy
    Member

    ...

    Posted 2 years ago #
35. 

    Uniq
    Support

    Hello Mike,

    It's coming!! I've been extremely busy lately, and didn't have a chance to take at look at this, but I'll give my word to have this ready by tomrrow night. Thanks for your patience!

    Cheers,
    Dorian

    Posted 2 years ago #
36. 

    mbarbes
    Member

    Dorian any update on this? I don't want to apply those files unless I'm sure they won't have alignment issues.

    Thanks.

    Posted 2 years ago #
37. 

    mcdoopy
    Member

    Tackled a bunch of other issues.. now back to this :)

    Posted 2 years ago #
38. 

    mbarbes
    Member

    And Dorian,
    If possible can you please identify the exact code changes, rather than attaching the complete styles.css, for example. Many of us have created our own styles and don't want to over write them by just replacing the file. (I know sophisticated editors will merge code, but it would be easier to not have to go that route.)

    Thanks.

    Posted 2 years ago #
39. 

    Elliott
    Support

    Just wanted to jump in here and maybe shed some light on this.. (for inFocus)

    The footer widget areas use the column styles such as <div class = 'one_fourth'></div> and <div class = 'one_half'></div> if you are wanting to change the columns to 2, 3, 4, then you can create your own structure by using these.

    Open up /wp-content/themes/infocus/footer.php and delete everything inside line 9 which is..

    <div class = 'inner'>

    And then type in your column divs such as one_third, one_fourth or one_fifth. Inside each column you will need to place this code..

    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) : ?>
    	<div class="widget widget_recent_entries" id="recent-posts-1">
    		<h3 class="widgettitle">Recent</h3>
    		<ul>
    			<li><a title="Lorem sit amet" href="#">Lorem sit amet </a></li>
    			<li><a title="Morbi vel est nunc" href="#">Morbi vel est nunc </a></li>
    			<li><a title="Sed id est id tellus" href="#">Sed id est id tellus </a></li>
    			<li><a title="Fusce quis nunc" href="#">Fusce quis nunc </a></li>
    			<li><a title="Suspendisse vestibulum mollis" href="#">Suspendisse vestibulum mollis </a></li>
    		</ul>
    	</div>
    <?php endif; ?>

    This is the code for a widget area. Pay close attention to !dynamic_sidebar(2) where 2 is the widget area. When placing widget areas in the footer make sure to start with 2 and then go up one for each column.. 2, 3, 4, etc etc. Also, make sure to add a "last" class to your last column like this...

    <div class = 'one_fourth last'></div>

    It might be kind of confusing so I attached a footer.php file that uses three columns which you can use for reference.

    Attachments

    1. footer.zip (0.9 KB, 71 downloads) 2 years old

    Posted 2 years ago #
40. 

    bluerush
    Member

    Hi,

    Is there a way to make the footer have only 3 categories? I've tried to do it myself by going into the php file and deleting a few of the columns. It works ok, except the spacing is all wrong. Here's the url link:
    http://osteoklinika.bluerush.ca/

    Ideally I'd like to have a photo in the about area of the footer like this site: http://www.thecontinentalcenter.com/

    Any help would be much appreciated!

    thanks,
    Jen

    

    Attachments

    1. footerExample.jpg (66.9 KB, 2 downloads) 2 years old

    Posted 2 years ago #
41. 

    mcdoopy
    Member

    Jen - I noticed you still had a fourth tag in there... make sure they're all third tags.

    Dorian - still awaiting an alignment fix :)

    Posted 2 years ago #
42. 

    bluerush
    Member

    Oh dear, I posted my last question without realizing there was more replies to this thread. Anyways, I've downloaded and used your most recent 3 column footer.php file. It works fairly well, however I'm wondering how I can shorten the width of the 1st column, while lengthening the width of the second column.

    As well, I'd like to add a photo to the second column (Please see attached jpg). How would I go about doing this?

    Thanks again for your help.

    

    Attachments

    1. footerExample.jpg (66.9 KB, 1 downloads) 2 years old

    Posted 2 years ago #
43. 

    Elliott
    Support

    Hello bluerush, sorry for the late reply.

    You will need to add a style = "width: 200px;" to the first two columns and set a width for them. You will need to play around with the width values to get it to look right. I attached a file that you can use as a starting point.

    As for the image you will need to insert it into the widget and probably add a style to it like this..

    <img style = 'float: right;' />

    Let us know if this helps bluerush.

    Attachments

    1. footer.zip (0.9 KB, 42 downloads) 2 years old

    Posted 2 years ago #
44. 

    lewisW
    Member

    Hello,
    I haven't seen the answer to my problem, so heres a question: I just want 4 equal columns in the footer. I have downloaded the file provided by Dorian (1. [zip] infocus_footer_4col.zip (9.4 KB, 36 downloads) 3 months old ), but I don't want to use his CSS joined, because I have modified mine and would have to rework the whole thing again.

    Could you just give me the exact code to modify so I can have a footer oith 4 equal colums?
    Thanks for your help

    Posted 2 years ago #
45. 

    Elliott
    Support

    Hello lewisW,

    Here is one with 4 columns.

    Attachments

    1. footer_(4cols).zip (0.9 KB, 42 downloads) 2 years old

    Posted 2 years ago #

RSS feed for this topic

Reply »

You must log in to post.