Changing logo in header

[Ehren]

By default, IPS.Suite 4.x uses your website name as it's logo. To use an image instead, go to Admin Cpanel > Customization > Themes > Edit > Logos

Next to Site Logo Image, upload your logo and press the Save button.

If you wish to revert back to a basic text logo, go back to the Logos page, toggle the Remove custom site logo switch, and press Save.

[Daifuku]

Hello, 
how do I remove the logo completely? I don't want to have a logo displayed there if possible.
Greetings!

[Ehren]

4 hours ago, Daifuku said:

Hello, 
how do I remove the logo completely? I don't want to have a logo displayed there if possible.
Greetings!

For your current theme (Chameleon), add the following to custom.css

#elSiteTitle{ display: none; }

 

[Haunted]

Hello,

 

I have a custom logo image, but would like to redirect it back to the home page of my site. Is there a way to do this in the admin panel somewhere?

[Ehren]

7 hours ago, Haunted said:

Hello,

 

I have a custom logo image, but would like to redirect it back to the home page of my site. Is there a way to do this in the admin panel somewhere?

You'd need to edit the URL of the link inside the logo template file. I think that's the only way. 

[Haunted]

Thanks for the reply! Can you please tell me where (what directory of the FTP) that would be located? Currently the logo just redirects to the forums. I didn't install the forum, but it's a custom logo in the header, and I am having trouble locating the file. 

[Ehren]

It's done in your ACP, not via FTP

ACP > Customization > Themes > Edit HTML and CSS > logo

[Haunted]

Thanks, Ehren. I appreciate the help. I am not very savvy with these types of things. Can you please tell me which part of the editor I would find this? This is what I see in the "Logo" section:

 

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{{endif}}

Currently, the navigation is that clicking on the logo when the user is already at "www.websitename.com/forum" will just direct to "www.websitename.com/forum" which the "home" button already does in navigation menu. I would just like the logo to navigate back to "www.websitename.com" and am having trouble locating where to change this. 

Thanks in advance for any insight!  

[Ehren]

Change both instances of {setting="base_url"} to your new URL. 

There may be a setting which achieves the same effect but it may unintentionally modify other links on your site too. 

[Haunted]

Hmm. That seemed to add the url to the end. So it now shows as "www.website.com/forum/website.com"

[Ehren]

Make sure you entered the entire URL, including http:// at the start. 

[Haunted]

That worked! Thanks so much!

[Riley]

Hi, how do I get rid of my text logo?

[Ehren]

2 hours ago, Riley said:

Hi, how do I get rid of my text logo?

There's already a tutorial for that Just remove the text from the "Text Logo" setting and it'll use your site name. Otherwise upload a logo under the "Logo" tab by reading this topic.

[Riley]

13 minutes ago, Ehren said:

There's already a tutorial for that Just remove the text from the "Text Logo" setting and it'll use your site name. Otherwise upload a logo under the "Logo" tab by reading this topic.

I did but the default site name is there.

[Ehren]

The image should be displayed if you've uploaded it via the Logo tab.

Use the System > Support feature in your ACP to clear your cache and see if that helps.

[Riley]

11 hours ago, Ehren said:

The image should be displayed if you've uploaded it via the Logo tab.

Use the System > Support feature in your ACP to clear your cache and see if that helps.

Sorry maybe I worded it wrong, what I want is no-logo and no-text or site name in my header at all. 

[Ehren]

Add the following to custom.css

.ipsApp a.logo{ display: none; }

 

[Behzad4x]

Hello,

Dear Ehren, how set logo in center of page in Mobile view?

Regards.

[Ehren]

6 hours ago, Behzad4x said:

Hello,

Dear Ehren, how set logo in center of page in Mobile view?

Regards.

Hello,

What theme are you using?

[Behzad4x]

2 hours ago, Ehren said:

Hello,

What theme are you using?

I'm using Default IPS theme.

My logo isn't center in the Mobile view. It's in right side. (My site's language is Persian and it's RTL )

Best Regards.

[Ehren]

3 hours ago, Behzad4x said:

I'm using Default IPS theme.

My logo isn't center in the Mobile view. It's in right side. (My site's language is Persian and it's RTL )

Best Regards.

I can't see your logo at all, even on desktop

[Behzad4x]

9 hours ago, Ehren said:

I can't see your logo at all, even on desktop

This is my site's address:

http://brokernews.ir

Logo is visible for me.

Thanks.

[Behzad4x]

On 25/10/2017 at 6:34 AM, Ehren said:

I can't see your logo at all, even on desktop

Hello again,

Dear Ehren, now you must could see my logo in site, the problem is solved:

http://brokernews.ir

But my logo is not in center in mobile view.

Also my logo has low quality beside desktop. Quality in desktop is ok but in mobile it is blur.

Please help me to correct this problems. The support ips can't not solve this problems.

Regards.

[Ehren]

39 minutes ago, Behzad4x said:

But my logo is not in center in mobile view.

Also my logo has low quality beside desktop. Quality in desktop is ok but in mobile it is blur.

Add this to custom.css

@media (max-width: 767px){
  #elLogo{ display: block; text-align: center; }
}

 

I'm unsure about the low quality, sorry.