Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #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!

    #393384

    .

    #393951

    Hi!

    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,
    Ismael

    #394626

    I just switched to Default Column and it still does not align.

    #394885

    Hey!

    How do you want the to align? Top or bottom?

    Regards,
    Rikard

    #395150

    I 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.

    #395944

    Hey!

    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,
    Elliott

    #401170
    This reply has been marked as private.
    #401530

    Hey!

    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,
    Yigit

    #401542
    This reply has been marked as private.
    #401546

    Hi!

    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,
    Yigit

    #404925

    It still does not line up unless it is on max width.

    #405216

    Hi!

    Can you please elaborate? A screenshot showing the issue would help.

    Cheers!
    Yigit

    #405323

    how do i attach a screen shot?

    you can go to realcoinc.com and see it. It distorts if it not on full wide screen.

    #406001

    Hi!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    #408581

    This seems like a major issue, am I the only one having it?

    #409123

    Hey!

    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,
    Elliott

    #409573

    I 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.

    #409974

    Hi!

    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, 1 month ago by Elliott.
    #410062

    Should I delete the previous code you sent for the table or add this to it?

    #410603

    Hi!

    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!
    Elliott

    #413201

    The last fix left the pricing table broken no matter what the screen size. You can see it near the bottom of realcoinc.com

    #413764

    Hi!

    Did you clear your browser cache? Maybe you have a CSS typo somewhere. Send us a WordPress login.

    Best regards,
    Elliott

Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.