LDDG Posted April 23, 2016 Share Posted April 23, 2016 Hello all, Is there a way I can have one logo displayed as the header logo for all IP.Content Pages while using a different header logo for all IP.Forums pages? Link to comment Share on other sites More sharing options...
TAMAN Posted April 23, 2016 Share Posted April 23, 2016 only if your theme have this option or you can use this trick in css it will push the default logo and uses the one in css add this to custom.css and change values body[data-pagemodule="forums"][data-pagecontroller="index"] #elLogo{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://hellshammers.net/uploads/monthly_2016_04/MaxthonSnap20160423223151.png.f9a51434ebc97e5251c76b4f4f35279d.png) no-repeat; width: 238px; /* Width of new logo */ height: 45px; /* Height of new logo */ padding-left: 238px; /* Equal to width of new logo */ } body[data-pagemodule="pages"] #elLogo{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://hellshammers.net/uploads/monthly_2016_04/MaxthonSnap20160423223151.png.f9a51434ebc97e5251c76b4f4f35279d.png) no-repeat; width: 238px; /* Width of new logo */ height: 45px; /* Height of new logo */ padding-left: 238px; /* Equal to width of new logo */ } Link to comment Share on other sites More sharing options...
LDDG Posted April 25, 2016 Author Share Posted April 25, 2016 On April 23, 2016 at 4:37 PM, TAMAN said: only if your theme have this option or you can use this trick in css it will push the default logo and uses the one in css add this to custom.css and change values body[data-pagemodule="forums"][data-pagecontroller="index"] #elLogo{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://hellshammers.net/uploads/monthly_2016_04/MaxthonSnap20160423223151.png.f9a51434ebc97e5251c76b4f4f35279d.png) no-repeat; width: 238px; /* Width of new logo */ height: 45px; /* Height of new logo */ padding-left: 238px; /* Equal to width of new logo */ } body[data-pagemodule="pages"] #elLogo{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://hellshammers.net/uploads/monthly_2016_04/MaxthonSnap20160423223151.png.f9a51434ebc97e5251c76b4f4f35279d.png) no-repeat; width: 238px; /* Width of new logo */ height: 45px; /* Height of new logo */ padding-left: 238px; /* Equal to width of new logo */ } Hi Talman, I tried this but it will display BOTH logos. The one specified in the custom CSS and the one uploaded as header logo via the settings panel. It could be my theme from IPSThemes (Carbon) that creates a conflict? I tried deleting the logo that was uploaded via the settings tab but then neither logo appears. I guess that since no logo is uploaded, the code to load the logo is not loaded and thus the CSS logo has no where to be shown. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.