How to put Tablepress table under fixed bottom menu in footer?
-
I am trying to insert a one column two row table from Tablepress directly underneath my site’s fixed bottom menu, which is in the footer. I want to get it up as close as possible to the bottom of the menu so it won’t affect the spacing for the mobile site too much. I want the content of the first row to be left aligned on the page, and the content of the right row to be right aligned on the page. How and where should I insert the short code? Can it go into the CSS Stylesheet Editor, or should it go into the footer.php file?
Here is the site (there is no menu on the splash page): http://lallabee.com/wordpress/
Thank you!
-
This is the code in my CSS Stylesheet Editor that puts the menu at the bottom:
body { overflow: scroll; } #colophon { background: white; bottom: 0; font-size: 13px; height: 57px; position: fixed; padding: 0 30px; margin-bottom: 0; width: 100%; } .entry-content { padding-bottom: 30px; }
So far I have this, which positions the text in the center under the footer menu:
.footer-menu::after{ content:"Text Content Here"; font-size: 10px; }
What I really need is this code [table id=1 /] aligned left and text on the same line aligned right.
So far I have this, which positions the text in the center under the footer menu:
.footer-menu::after{ content:"Text Content Here"; font-size: 10px; }
What I really need is this code [table id=1 /] aligned left and text on the same line aligned right.
When I look at your site, I see two pieces of text in your footer: “(c)2014 by lalla bee, LLC”, which was added by the
::after
rule in your stylesheet. You also have “Copyright lalla bee, LLC 2014 (c)” at the very bottom of the page. Is that the text you are trying to move, and if so, where should that text be located?Thank you so much for your help. `The Copyright after the ::after is correct now. I deleted the other copyright. The final thing I am trying to figure out is how to put the social media icons on the same line as the copyright and float them left. I have the shortcode for the icons:
[DISPLAY_ACURAX_ICONS]
And I also have the php:
<?php DISPLAY_ACURAX_ICONS(); ?>
I just don’t know how/ where to put them in the CSS with the Copyright text. Any ideas?
Thank you so much for your help. `The Copyright after the ::after is correct now. I deleted the other copyright. The final thing I am trying to figure out is how to put the social media icons on the same line as the copyright and float them left. I have the shortcode for the icons:
[DISPLAY_ACURAX_ICONS]
And I also have the php:
<?php DISPLAY_ACURAX_ICONS(); ?>
I just don’t know how/ where to put them in the CSS with the Copyright text. Any ideas?
I don’t see any social media icons on your site (6pm, Mountain time). Have you added them yet?
No – the codes I posted above would add them. I could use either the short ode or the php code. I don’t know how to get them to work in the CSS code so I can float it left on the same line in the footer as the Copyright.
You should add the icons because it’s almost impossible to tell what CSS should be used if we can’t see what HTML is being output.
OK, I added the icons from the php code at the top of the footer.
How do I float or align them left on the same line as the Copyright?
Try something like this:
#short_code_si_icon { position: absolute; bottom: 5%; left: 5%; } #short_code_si_icon img { height: 24px; width: 24px !important; }
I made the icons a bit shorter and I put them slightly to the left. This way, the icons stay out of the way of the footer menu, allowing you to make the footer area shorter if you’d like. You can play around with the
bottom
and theleft
settings to get the position exactly right.OMG – THANK YOU!!! This is exactly what I have been looking for! You are the absolute best!
Hi,
thanks for your post, and sorry for the trouble, as well as for the late answer. As I was on vacation, I didn’t have a chance to reply earlier.
Great to hear that absolute positioning was helpful here! Thanks for helping out, stephencottontail!
Best wishes,
TobiasP.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
- The topic ‘How to put Tablepress table under fixed bottom menu in footer?’ is closed to new replies.