Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Tables inserted from the Editor doesn't allow changing the table style

Featured Replies

Hello,

I've tried for 10 minutes to find a way to remove the border colour from inserted tables using the editor and I couldn't find it. On version 4, there was the source code mode where I could see the HTML and edit/remove what I wanted.

Is the source code button gone? Can it be added back somehow? Can the editor be configured and new options added? I checked all the table options in the editor and I couldn't see one that would let me change the table style.

How can I do this?

Thanks

imagen.png

  • Author
4 minutes ago, Cedric V said:

The source code is gone. Bringing it back would require custom development.

The editor can be customized:

https://invision-market.com/apps/admin/html-editor-r135/

https://invision-market.com/apps/members/editor-styles-r205/

Removing borders on the tables:

Add this to custom css:

.ipsRichText :is(th, td) {
    border: none !important;
}

Thanks a lot. I added the custom css code you provided using the front-end theme editor, but the borders are still there. Is it there where I should add your code?

imagen.png

  • Community Expert

This removes ALL borders:

.ipsRichText table,
.ipsRichText :is(th, td) {
    border: none !important;
}

Edited by Cedric V

  • Author
2 minutes ago, Cedric V said:

This removes ALL borders:

.ipsRichText table,
.ipsRichText :is(th, td) {
    border: none !important;
}

It worked! Thanks soooooooo much!

I tried to download the HTML editor at https://invision-market.com/apps/admin/html-editor-r135/ but it gives an error.

imagen.png

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.