Solutions
-
Ehren's post in Hide Member Group In Autocomplete was marked as the answerYou may want to isolate it to the member autocomplete using this code instead. I've also added code which improves the vertical alignment.
#elInput_author_results .ipsAutocompleteMenu_item .i-color_soft{ display: none; } #elInput_author_results .ipsAutocompleteMenu_item .ipsPhotoPanel{ align-items: center; } -
Ehren's post in Pages Index Cover Photo was marked as the answerThis Custom CSS will do the trick. You can either add it to your theme, or to a CSS file in Pages which is assigned to your database:
/* Remove cover photo from database record */ .ipsPageHeader--database-record .ipsCoverPhoto{ display: none; } -
Ehren's post in How To Hide Views On Profile All Activity Page? was marked as the answerHi @Chris027
This CSS should do the trick:
/* Remove views from Profile > Activity */ .cProfileContent .ipsData__stats > li:nth-child(2){ display: none; } -
Ehren's post in Different Advertisements For Light and Dark Modes was marked as the answerThose classes should only be used for the logo. Use this instead:
<a href="LINK_HERE"> <!-- Light mode image (hidden in dark mode) --> <img class="i-display_light" src="PATH_TO_YOUR_LIGHT_IMAGE" alt="light-image" loading="lazy"> <!-- Dark mode image (hidden in light mode) --> <img class="i-display_dark" src="PATH_TO_YOUR_DARK_IMAGE" alt="dark-image" loading="lazy"> </a>
-
Ehren's post in Images Off Center On iOS was marked as the answerThanks, that's helpful!
If you add this to your Custom CSS area, does it help?
.ipsCmsEntries__primary{ grid-column: 1 / -1; }
-
Ehren's post in Dropdown Menus on some Quest Rules is too small was marked as the answerHi @ntxpla
This was fixed locally the other day. If itโs not included with .10, itโll be available in .11 ๐
-
Ehren's post in Version 5 Icons vs. Version 4 Icons was marked as the answerHi @GoGators
Since these are just FontAwesome icons, you can change them (or resize them) however you like with a sprinkle of CSS ๐ย
-
Ehren's post in ipsGrid on Downloads index was marked as the answerHey,
This will reduce the size of the grid on the Downloads page when viewing a category. If I'm misunderstood the page you're referring to, let me know:
/* Reduce size of downloads page grid */ .ipsData--download-file-table{ --i-data--basis: 260px; } ย
-
Ehren's post in User nav change was marked as the answerThis will do it. Nice and simple ๐ย
/* Reverse user navigation */ .ipsUserNav--member{ flex-direction: row-reverse; } ย
-
ipsGrid has moved to a more fluid concept in version 5.
With version 4, you'd typically add ipsGrid and then each child would need to use a ipsGrid_spanx class which told it how many columns to span (out of 12). On tablets and phones, these grids would automatically collapse to 1 column.
That concept was fine a decade ago, but with the limitless amount of devices these days, fluid/dynamic concepts are better.
In version 5, when you assign ipsGrid, all children are automatically assigned to a grid (the span class is now redundant). By default, grids have an ideal column width of 260px, but you can change that by adding a basis class, such as i-basis_350 which will make all columns 350px, or by changing the --i-basis CSS variable for that element. Columns will automatically grow/shrink/add/remove depending on the available space on the screen.
If you need to restrict the grid to a certain amount of columns (lets assume you never want more than 3 columns for some reason), you can add ipsGrid--max-3 to the parent.
If you need to use the old grid system and force content into a 12 column grid (like v4), you can use .ipsSpanGrid on the parent, and then ipsSpanGrid__4 (for example) on the children. But the new fluid code is better ๐ย