• Resolved corpcasting

    (@corpcasting)


    Hey guys. LOVE LOVE the plugin. But I have a few CSS issues I need some help with.

    1. The sort arrows in the header row are spilling into the next column.

    2. Adjusting the text size using custom CSS didn’t seem to affect the headers. Is there a separate code needed for this?

    3. I have the second row of the first column hyperlinked and it isn’t carrying over (Allison Craft Design Studio).

    Any ideas on these?

    Link – http://30a.com/deals/

    Thanks in advance for any help!

    http://ww.wp.xz.cn/extend/plugins/tablepress/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter corpcasting

    (@corpcasting)

    Also, I’d love to add a little more height to each row… some padding on either side. To make it look just like the demo. Didn’t see that covered in the FAQ.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post! Nice to hear that you like the plugin! 🙂

    Unfortunately, your link is only resulting in a 404 “Not found” error. Is that really a published page?

    Due to that, I can only answer question 2 right now (because I can see that in the “Custom CSS” code). You’ll just have to extend the CSS to

    .tablepress-id-1 tbody td,
    .tablepress-id-1 thead th {
    	font-size: 14px;
    	color: #000000;
    }

    to adjust text size and color for the table head row.

    Once you have checked/updated the link, I’ll gladly take a look again for the other questions!

    Regards,
    Tobias

    Thread Starter corpcasting

    (@corpcasting)

    Sorry about that. The page should be public now. Could you check it again?

    And thanks for the answer to number 2. 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    yes, now I can see the page 🙂

    1) This and the question about the cell height are closely related. These are not looking as in the demo as your theme has its own CSS code to remove the padding of cells, which makes them look rather small. To fix that, please add this to the “Custom CSS”:

    #main .tablepress th,
    #main .tablepress td {
      padding: 8px;
    }
    #main .tablepress thead .sorting {
      padding-right: 20px;
    }

    3) You have inserted links, yes, but the link text is written outside of the link HTML code. Just move the text for the link (i.e. “Allison Craft Designs Studio”) right before the </a> in the cell.

    Regards,
    Tobias

    Thread Starter corpcasting

    (@corpcasting)

    Perfection. Phenomenal support. Thanks so much!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    no problem! You are very welcome! Great to hear that this worked!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter corpcasting

    (@corpcasting)

    Gladly done.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thank you, I really appreciate it!

    Best wishes,
    Tobias

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘A few CSS Issues’ is closed to new replies.