Jump to content

Different Header logo for IP.Content Pages and Forums?


LDDG

Recommended Posts

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

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

Archived

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

  • Recently Browsing   0 members

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