Jump to content
View in the app

A better way to browse. Learn more.

Learn more

ipsBox without border?

Featured Replies

@Ehren

Quick question: I noticed that ipsBox no longer has a border, not even when using ipsBox--child.

Was that change intentional?

  • Community Expert

When ipsBox is nested inside another ipsBox, its styles are removed.

Ideally, these boxes should never be nested in the first since it can make some themes look quite broken, but sometimes that’s hard to avoid in the system. Instead, using a different shade background such as i-background_2 (or even no box at all) is typically a cleaner approach than nesting boxes 👍

  • Author
9 hours ago, Ehren said:

When ipsBox is nested inside another ipsBox, its styles are removed.

Ideally, these boxes should never be nested in the first since it can make some themes look quite broken, but sometimes that’s hard to avoid in the system. Instead, using a different shade background such as i-background_2 (or even no box at all) is typically a cleaner approach than nesting boxes 👍

Could you provide a custom CSS to revert it, just in case?

Thank you.

  • Community Expert

Sure

.ipsBox .ipsBox{
	background-color: var(--i-box--ba-co);
	border-radius: var(--i-box--bo-ra);
	box-shadow: var(--i-box--bo-sh);
	border-width: var(--i-box--bo-wi);
	border-style: var(--i-box--bo-st);
	border-color: var(--i-box--bo-co);
}

Recently Browsing 0

  • No registered users viewing this page.

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.