After theme change the content of the row not is inline

  • Resolved mominet

    (@mominet)


    1 year, 5 months ago

    Greetings,
    I’ve always used Tablepress on my site and inserted some codes in the customization, which give it this look:
    IMG1

    now for other needs I’m modifying the theme, all the tablepress customizations seem to work (bold, header and footer color, centering) but I find the elements on the line starting all over again:
    IMG2

    The code entered is:

    .tablepress-id-1 .column-1,
.tablepress-id-15 .column-1,
.tablepress-id-16 .column-1,
.tablepress-id-17 .column-1,
.tablepress-id-19 .column-1,
.tablepress-id-20 .column-1,
.tablepress-id-22 .column-1 {
white-space: nowrap;
}

.tablepress-id-1 .column-1 br,
.tablepress-id-15 .column-1 br,
.tablepress-id-16 .column-1 br,
.tablepress-id-17 .column-1 br,
.tablepress-id-19 .column-1 br,
.tablepress-id-20 .column-1 br,
.tablepress-id-22 .column-1 br {
display: none;
}

    I also tried the !important after nowrap and none but nothing.

    Why doesn’t it seem to work with the new theme (Kadence)?

    Thank you

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter mominet

    (@mominet)

    Hi Tobias and thanks for the reply ??

    This is how it currently is
    LINK

    and this is on the cloned site exactly like the one before and only the theme has changed
    LINK

    but the thing happens for all the tables of the site.

    Why does this happen and how can it be fixed?

    Thank you

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link!

    The reason for this is a different default CSS code of the theme. To restore the original layout, you can tpcssadd this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress img {
  display: inline;
}

    Regards,
    Tobias

    Thread Starter mominet

    (@mominet)

    Thanks, it works and align the elements.

    As you can see, however, the effect is different, there is a different alignment (the text is not quite vertically centered with respect to the image) and as if there were larger upper and lower margins.

    Can it be achieved as it was before?

    Thank you

    • This reply was modified 1 year, 5 months ago by mominet.
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    this is also governed by the theme, and not influenced by TablePress. However, you can achieve this with an extended version of that “Custom CSS”:

    .tablepress img {
  display: inline;
  vertical-align: top;
}

    Regards,
    Tobias

    Thread Starter mominet

    (@mominet)

    Perfect, it works.

    Thank you very much…TobiasBG and TablePress a guarantee, it is confirmed among the best plugins ever made ??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

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

    Thread Starter mominet

    (@mominet)

    Done ??
    LINK

    Thanks again

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks a lot, I really appreciate it ??

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘After theme change the content of the row not is inline’ is closed to new replies.