ehren.

Hi there, This issue is likely happening only if themes were initially installed on 4.4, and have been upgraded since then using the "Upload new version" feature. This feature is usually the correct way to upgrade a theme, however all of my themes were recoded from scratch for Invision Community 4.5, which technically meant that a fresh theme install was required. Using the "Upload new version" feature for the 4.4 > 4.5 update meant that some old code from 4.4 was retained in the theme, even after being upgraded to 4.5. This is now causing the issue in 4.7. To fix this, you can either install a fresh version of the theme, or you can revert the quickSearch template file. To revert the file, open your Admin Panel and visit the Customisation > Themes area. Click the "Edit HTML and CSS" button next to your theme. If you're using the Simple theme editor, click the "Use advanced theme editing" button. Browse to core > front > global > quickSearch. Click the Revert button at the top right of the editor. I hope that helps!

Hello, That button is not part of the Chameleon theme. If you check your default theme, you'll notice it's also visible there. The "Buy now" button is for Invision Community. It is there because your installation appears to be a demo.

Strange, can you send me a URL, username and password so I can check this myself? A regular member account is fine, I just need to see the actual Bookmark button.

Hi @IkkleGemz Add the following to your custom.css file and change the hex value :root{ --new-badge--background: #000000; }

Hi @AndreasW As Paul mentioned, the "Customizer" is a feature which comes with all of my themes. You're welcome to browse my files on the marketplace, or directly from my site. I hope that helps! 🙂

Hi Ryan, I have literally just uploaded the 4.5 version - good timing! 🙂

We discussed this via PM a few weeks ago, so all sorted 🙂

Hi @the real dubwhizz Did you upgrade the Chameleon theme from 4.4 to 4.5, or was this a fresh install? Due to the significant changes between the 4.4 and 4.5 version, a fresh install is suggested.

Hello, I'm currently in the process of upgrading all of my themes to 4.5. Disperson is on the todo list, however I unfortunately don't have an accurate ETA just yet.

Feel free to send me a login to your site @Square Wheels and I can look into it for you 🙂

For the sake of simplicity, just add !important to the end of that. [data-forumid="47"] .fa-comments:before { content: "\f025" !important; } The reason it's not working is because the code which is used to create the "lightbulb" icon (possibly added by ThemeTree) has a higher specificity.

Adding this to custom.css should do the trick! .ipsBox:not( .ipsBox_transparent ):not( .ipsModerated ), .ipsBox, .ipsPageHeader, .focus-topic-compact .focus-topic, .ipsPager, .ipsWidget, .ipsBox_alt, #comments, .focus-pickerWrap, .ipsfocus_megaFooter{ background-color: {hextorgb="area_background_reset" opacity="0.9"}; } Change the 0.9 value until you're happy with the result. It should be between 0 and 1.

Hi @GTAPoliceMods There's a tutorial teaching you how to edit the background on the ipsfocus website. I've copy/pasted it here for you which should hopefully help you custimize your background 🙂 ============ Due to Chameleons blur and gradient effects, the process for adding backgrounds requires an extra step compared to other themes. ----- This tutorial assumes I have uploaded an image under the "Background Picker" tab, in the "Image 2" slot. The image is 1600px in width and 1667px in height. These 3 values are necessary for this tutorial. Once you have uploaded your image, return to your theme list and press "Edit HTML and CSS". Choose the CSS tab, and open custom.css. This file will be pre-filled with background image sizes. Since we uploaded the image to "Image 2", all of our classes will be prefixed with .ipsfocus_bg2 If you have disabled the background picker, replace .ipsfocus_bgx with .ipsApp ----- To scale the image so it occupies 100% browser width (this is the default setting), use the following but replace 1600 and 1667 with your own image dimensions. {{if theme.picker_i2}} .ipsfocus_bg2 .background, .ipsfocus_bg2 .box-blur{ background-size: auto calc(1667 / 1600 * 100vw); } .ipsfocus_bg2 .box-blur-image{ max-height: calc(1667 / 1600 * 100vw); } {{endif}} You can stop the tutorial at this stage if you just needed to change the image dimensions. The rest of the tutorial will explain how to customize the background further, however it's not necessary to follow any more steps. To use a fixed image height, use this code instead and replace 1400px with any pixel value - it doesn't need to match the actual height of the image which you uploaded. Any value will work. {{if theme.picker_i2}} .ipsfocus_bg2 .background, .ipsfocus_bg2 .box-blur{ background-size: auto 1400px; } .ipsfocus_bg2 .box-blur-image{ max-height: 1400px; } {{endif}} To remove the gradient which is used to fade your image into a hex colour, add the following to the end of custom.css .ipsfocus_bg2 .background:before, .ipsfocus_bg2 .box-blur:after{ display: none; } To use a fixed image when the page is scrolled, add the following to the end of custom.css. Due to the CPU power required, the blur effect (in browsers which don't support backdrop-filter) is removed when background images are changed to 'fixed'. .ipsfocus_bg2 .background{ position: fixed; } .ipsfocus_bg2 .box-blur{ display: none; } To remove the pattern overlay, add this to the end of custom.css .ipsfocus_bg2 .background:after{ display: none; } If you want to use a repeating pattern instead of a large background image, add this to the end of custom.css. The 500px value is the height of the pattern which you uploaded: .ipsfocus_bg2 .background, .ipsfocus_bg2 .box-blur-image:before{ background-repeat: repeat; background-size: auto 500px; } .ipsfocus_bg2 .box-blur-image{ max-height: none; } /* Remove gradient and overlay for patterns */ .ipsfocus_bg2 .background:before, .ipsfocus_bg2 .background:after, .ipsfocus_bg2 .box-blur:after{ display: none; }

I posted that in 2016. I'm aware of the increased browser upport since then 🙂

I don't think the .ipsMenu and .ipsDataList classes were ever intended to be used on the one element like that (one creates menus, the other creates tables for data).. but this code will fix it in my themes 🙂 .ipsMenu[id^="elPFDrop_"]{ width: 300px; } .ipsMenu[id^="elPFDrop_"] .ipsDataItem{ width: 100%; display: block; }