• Resolved GThib

    (@gthib)


    Hullo,

    I have noticed that adding padding to my first column removes vertical alignment of the text.

    Alignment (works well until the padding css code is added):
    .tablepress td {
    vertical-align: top;
    }

    Padding:
    .tablepress-id-1 .column-1 {
    padding: 30px;
    }

    When the padding code is added the text is moved from the left at 30px but at the same time takes middle vertical alignment position.

    I would be thankful for any helpful suggestion.
    Best regards.

    https://www.ads-software.com/plugins/tablepress/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    You could only set a padding on the left and right, if you want, with

    .tablepress-id-1 .column-1 {
      padding: 0 30px;
    }

    To find out more, I’d have to see the page with the table. Thus, please post a link if this does not yet help.

    Regards,
    Tobias

    Thread Starter GThib

    (@gthib)

    Thank you very much.
    Alas it does not work as it should.
    I think I have tried padding the left column text this way 0 0 0 30px.
    In this case the text in the left column is padding but it jumps to the extreme top of the cell.

    https://www.artch.ca/table-cv

    My best regards.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    well, we should probably only set the left padding, and leave the other sides with their defaults. Can you please try

    .tablepress-id-1 .column-1 {
      padding-left: 30px;
    }

    Then, can you maybe explain what you are actually trying to achieve here? I’m not sure that I understand the reasoning behind these intended changes…

    Regards,
    Tobias

    Thread Starter GThib

    (@gthib)

    Thank you.
    Now it does work. The text in left column is well moved to the right.

    Well, is is going to be a double-column CV layout.
    On the very left it will be a vertical tiny line separating the CV content from the left sidebar menu. That is why I would like to push the table text a bit to avoid it to be stick to that line.

    Once more I thank you for make it possible to achieve this effect.

    PS
    Where can I rate your marvellous plugin, please?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ah, ok. That makes sense then. ?? Good to hear that this helped!

    And thanks for wanting to rate TablePress. That’s possible here in the plugin repository.

    Best wishes,
    Tobias

    Thread Starter GThib

    (@gthib)

    Hullo again,

    Would you mind please furnish me with a custom CSS code to make the following effect possible:

    1. Vertical line (colour, thickness to choose) between two columns (I think it will be the right second (right) column border.

    2. Add some horizontal padding to the second (right) column to put some space between the line (1) and the text.

    3. Justify right the text in the first column.

    4. Adding right padding to the text in the first (left) column.

    The wanted effect is the CV layout with a central vertical line with the text both side of it where the left side part of text is justify to right to be stick to the line.

    Hope not asking for too much.

    I thank you very much for you kind assistance.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    sorry, I’ll have to disappoint you here. I just don’t have time to provide such an amount of CSS customizations at the moment.
    I’ll gladly assist with any issues or specific problems, but I’ll need to encourage you to try this yourself, first. Thanks for your understanding.
    From what I can see, you already know the basic concept of CSS and how to target a column, so it’s just a matter of applying the correct CSS properties, which you can find e.g. in a CSS reference via Google.

    Regards,
    Tobias

    Thread Starter GThib

    (@gthib)

    Thank you for your response and encouragement.
    That is a pity. I will give a try by myself then.

    I will count on your assistance in case of a very specific issue, if any.
    Can I?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    sure, if there’s a specific issue, I’ll gladly take a look at it!
    A good way to investigate those are the Developer Tools that all modern browsers bring.

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Padding remove vertical top alignment – Tablepress’ is closed to new replies.