Bullets not aligned Properly

  • Resolved wordpressnew1

    (@wordpressnew1)


    5 years, 2 months ago

    Hi Tobias,

    I’m looking for some help please! I’ve detailed the issues below:

    1. On this page: [ redundant link removed ] on the first table column 4 – the bullets don’t align on the same line down all the rows. Is there a way just for this column where we can algin the bullets vertically so it looks nicer.

    2. Column 3 looks a bit squashed, I want to make it slightly wider to fit the text, is there a way to make this column wider without impacting colum 4?

    Lastly, I have row stacks on mobile which look quite nice so I don’t want these to look analigned when making the changes for 1 and 2 if that makes sense!

    Thanks in advance!

    Bobby

    • This topic was modified 5 years, 2 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    1. The reason for this is the horizontal centering in this column. You should turn that off with

    .tablepress-id-39 .column-4 {
  text-align: left;
}

    2. You could try increasing the width of that column:

    .tablepress-id-39 .column-3 {
  width: 300px;
}

    Regards,
    Tobias

    Thread Starter wordpressnew1

    (@wordpressnew1)

    Hi Tobias,

    Thanks for that, the only issue now is that on mobile when the table is viewed as stacks of rows in boxes they’re not aigned. any way around this?

    Cheers,
    Bobby

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    I’m not sure what you mean, and I can’t check anymore as your link now redirects me to another site?

    Regards,
    Tobias

    Thread Starter wordpressnew1

    (@wordpressnew1)

    Hi Tobias,

    Sorry here is the new link: https://mycasinobonuses.co.uk/best/

    If you check the table on mobile – column 3 and 4 are now slanted to the left hand side, so no longer in the middle. Is there a way to fix this?

    Many thanks,
    Bobby

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ok, please try wrapping those commands in CSS3 Media Query:

    @media screen and (min-width: 769px) {
  .tablepress-id-39 .column-4 {
    text-align: left;
  }
  .tablepress-id-39 .column-3 {
    width: 300px;
  }
}

    Regards,
    Tobias

    Thread Starter wordpressnew1

    (@wordpressnew1)

    Thanks Tobias! That worked!

    Lastly do you know how I can change the colour of the header and font colour of the header?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    for CSS for that please see https://tablepress.org/faq/change-background-color-table-head-row/

    Just use the background-color and the color CSS properties.

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Bullets not aligned Properly’ is closed to new replies.