Jump to content

Different Header logo for IP.Content Pages and Forums?


LDDG

Recommended Posts

Posted

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?

Posted

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 */
}

 

Posted
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.

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...