Ehren

You 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; }

Yep, that's correct. You can also comma separate the selectors if they share the same properties: #ipsTabs_search_searchMembers, #ipsTabs_search .ipsTabs__scrollers { display: none; }

This 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; }

Hi @Chris027 This CSS should do the trick: /* Remove views from Profile > Activity */ .cProfileContent .ipsData__stats > li:nth-child(2){ display: none; }

Yeah, there simply isn't enough room for your breadcrumbs, navigation and search bar all in that single row. Relocating is the best solution 🤝

Those 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>

Great! I've applied these changes to the next update, so you won't need the Custom CSS code in the future.

Actually, add this too. This will ensure small images (like your Lorem Ipsum one in the last row) stretch to the full width: .ipsCmsEntries__thumb .ipsThumb{ width: 100%; }

Thanks, that's helpful! If you add this to your Custom CSS area, does it help? .ipsCmsEntries__primary{ grid-column: 1 / -1; }

You're welcome to send me a PM with the URL if you like. I should be able to help from there 🤝

That’s correct, there are multiple ratios and sizes. You could enforce a strict 16:9 ratio on every instance using CSS, however the image would be quite small on mobiles. Uploading a large image and then selecting the focal point (by repositioning the image) is the recommended approach as it should cover most use cases 🙂

Hi there, The Event cover photos will be displayed at different sizes (and ratios) depending on the size of the device which is being used. There isn't a "one size fits all" approach unfortunately. The "Reposition Cover Photo" setting will only work if the image is taller than the cover photo space. It allows me to choose a "focus point" within the image, which is preserved for all instances of the image, including the small/thumbnail version. Do you notice any errors in the browser console when trying to reposition it?

Hello, This is an intentional design change in 5.0.15. Navigation dropdown menus are now centered below their toggle button, matching all other dropdown menus (which have been centered for a while) If you'd like to change this, adding this to your Custom CSS area will left-align it in browsers which support anchor-positioning (except for Safari which uses its own alignment code): @supports ((position-area: bottom) and (not (-webkit-hyphens:auto))){ .ipsNavBar > li > .ipsNav__dropdown{ position-area: bottom span-right; margin-inline: 0; } }Other browsers will continue to use the centered alignment.

Don't forget to reset the opacity too: .ipsFallbackImage::before{ background-image: url('https://site.com/image.jpg'); mix-blend-mode: normal; opacity: 1; }