-
AuthorPosts
-
February 9, 2015 at 11:02 pm #393383
1. How do you make a sticky footer?
2. How do you change the font size on a table.
3. The rows on my pricing table at the bottom of realcoinc.com do not line up. How to I align them?
4. How do you make a link on the header go to a specific portion of the home page?Thank you!
February 9, 2015 at 11:05 pm #393384February 10, 2015 at 8:39 pm #393951Hi!
Thank you for using Enfold.
1.) Add this to the Quick CSS field:
#socket { position: fixed; bottom: 0; width: 100%; }
2.) Use this one to increase the table font size:
.pricing-table>li { font-size: 20px; }
3.) The description column tends to drift apart from other table columns so use the Default Columns instead
4.) Create anchor links. Refer to this link: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
Regards,
IsmaelFebruary 11, 2015 at 7:34 pm #394626I just switched to Default Column and it still does not align.
February 12, 2015 at 10:57 am #394885February 12, 2015 at 5:11 pm #395150I would like each row to be the same depth all the way across. So if one cell in a particular row is 2 lines deep then the entire row should be 2 lines deep. So each row may be different depths to accommodate the widest cell in it’s row.
February 13, 2015 at 6:37 pm #395944Hey!
I suppose you could try adding a minimum height to that specific row. Send us a link to your page and take a screenshot highlighting the area your trying to customize and we’ll take a look. You can set your reply as private if you wish.
Best regards,
ElliottFebruary 24, 2015 at 5:02 am #401170This reply has been marked as private.February 24, 2015 at 5:24 pm #401530Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.home .pricing-table-wrap:nth-child(1) .pricing-table { position: relative; top: 60px; }
Best regards,
YigitFebruary 24, 2015 at 5:32 pm #401542This reply has been marked as private.February 24, 2015 at 5:38 pm #401546Hi!
Please add folllowing code to Quick CSS as well
.home .pricing-table-wrap:nth-child(1) .pricing-table li { font-size: 15px; }
and it should look like this – http://i.imgur.com/Qz6RA2w.png
Regards,
YigitMarch 3, 2015 at 4:29 am #404925It still does not line up unless it is on max width.
March 3, 2015 at 4:26 pm #405216Hi!
Can you please elaborate? A screenshot showing the issue would help.
Cheers!
YigitMarch 3, 2015 at 6:55 pm #405323how do i attach a screen shot?
you can go to realcoinc.com and see it. It distorts if it not on full wide screen.
March 4, 2015 at 7:29 pm #406001Hi!
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Cheers!
YigitMarch 10, 2015 at 3:47 am #408581This seems like a major issue, am I the only one having it?
March 10, 2015 at 9:56 pm #409123Hey!
Not really sure what a good workaround for that would be. You could try adding a minimum height like I suggested in my previous post like so.
.entry-content-wrapper div li { min-height: 70px; }
Another option would be to decrease the font size of the first column so it doesn’t break to multiple lines. Go ahead and highlight in your screenshot exactly how your wanting it to display and we’ll check if it’s possible.
Best regards,
ElliottMarch 10, 2015 at 10:01 pm #409573I believe the best work around would be for the chart to determine the deepest cell in each row at any given with of the screen. Then make the entire row that width. This seems to be how most pricing tables work.
March 11, 2015 at 5:20 pm #409974Hi!
That’s not as easy as it sounds. You would have to do a lot of javascripting and of course when you resize the browser the text would fall onto the next line again so you would have to check for that, etc etc.
Did you try the CSS I posted?
If you want to change the height for each row then you can do this as well.
.entry-content-wrapper div li { min-height: 70px; } .entry-content-wrapper div li:nth-child(3) { min-height: 120px; } .entry-content-wrapper div li:nth-child(4) { min-height: 150px; }
EDIT: I think I may have found a better way. Try this instead.
.avia-table > .pricing-table-wrap:first-child { position: relative; top: -60px !important; width: 50% !important; } .avia-table > .pricing-table-wrap { display: inline-block; width: 16% !important; }
Regards,
Elliott- This reply was modified 9 years, 9 months ago by Elliott.
March 11, 2015 at 8:03 pm #410062Should I delete the previous code you sent for the table or add this to it?
March 12, 2015 at 5:38 pm #410603Hi!
Yes remove it and then try the new code I posted.
.avia-table > .pricing-table-wrap:first-child { position: relative; top: -60px !important; width: 50% !important; } .avia-table > .pricing-table-wrap { display: inline-block; width: 16% !important; }
I think that will work better.
Cheers!
ElliottMarch 17, 2015 at 8:25 pm #413201The last fix left the pricing table broken no matter what the screen size. You can see it near the bottom of realcoinc.com
March 18, 2015 at 4:53 pm #413764Hi!
Did you clear your browser cache? Maybe you have a CSS typo somewhere. Send us a WordPress login.
Best regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.