Logo customization

[Spitfire]

Hi,

Can the logo image be a .svg file?

I have input the URL of the image into the "Style Properties > Basic options > Logo URL" field, but the logo is not showing up on the forum.

**** Cancel That! ****

I didn't enter a size so nothing was showing up. All is working fine now.

Just one more question.

Can a drop shadow be added to a custom .svg logo?

 

[Ehren]

Just one more question.

Can a drop shadow be added to a custom .svg logo?

If you can post the URL to your forum, I’ll be happy to take a look for you

 

[JackB71]

May I ask an additional question?
I am trying to change the font for the logo in "Saira Stencil One", but can´t get it to work.
I replaced the "Roboto" from your example with "Saira Stencil One", but nothing has changed ...

(In both places, of course. extra.less and the Miscellaneous Settings for this Style (Dimension)

 

[Ehren]

Hey @JackB71

Have you added the Saira Stencil One css file to your theme? I may need a URL to your site so I can check the live code if that's okay.

 

[JackB71]

I did not download a "Roboto" css whatever either, sooooo ... no?
I don´t even know what to download exactly and where to put it and why did it work with "Roboto" without all this?

My url is movieside.de

 

[JackB71]

Well, now it´s working. Forgot to input the name of the font-type in "Logo & Navigation -> Logo font-family".
This was never mentioned here. Wasn´t necessary for the "Roboto"-Font either.

BUT: what if I want to add an effect? Say, shadowing, or neon or something like that? Where do I put that exactly?

 

[Ehren]

BUT: what if I want to add an effect? Say, shadowing, or neon or something like that? Where do I put that exactly?

In most situations, the extra.less file would work best

For example:

.focus-logo--text{
  text-shadow: #000 0px 1px 5px;
}

 

[JackB71]

Thank you. Have to "work out" the details, but (of course) it worked. Thanks again.

 

[JackB71]

Last question:
is it possible to make the Text Logo bigger and /or the Logo Slogan smaller? How?

(I know how to make the Text Logo bigger, but then the Logo Slogan also changes)

 

[Ehren]

Last question:
is it possible to make the Text Logo bigger and /or the Logo Slogan smaller? How?

(I know how to make the Text Logo bigger, but then the Logo Slogan also changes)

Add this to your extra.less file and adjust the 0.5 value

@logo-slogan-size: 0.5em;

 

[JackB71]

Thx again.

 

[fortnitechatter]

Hello. I just purchased the Aperture theme and I'm getting frustrated because I can figure out how to edit the things that I need to edit.

1. How do I upload the logo? It says, "Style properties in this style can not be modified. Please try another."
2. How do I change the theme background image? It says, "Style properties in this style can not be modified. Please try another."
3. How can I add different node icon images? It only gives me the option to select colors.

 

[Ehren]

Hello,

That's odd - I've never seen that error message before.. can you please PM me a username/password to your Admin Panel so I can check it myself?

 

[FaeWhisperer]

My logo keeps coming out super tiny....how am I able to fix this?

 

[FaeWhisperer]

My logo keeps coming out super tiny....how am I able to fix this?

Fixed it, I'm entirely dumb lol

 

[NandorHUN]

The logo in all xenfocus themes can be customized extensively under Style Properties > Xenfocus: Logo and navigation

By default, all themes use a text logo. To change the type of logo, edit the Logo type setting.

• Text shows only a text logo, with optional slogan
• Image shows only an image logo, which can be defined under Style Properties > Basic options > Logo URL
• Image and Text shows both the image logo and text logo next to each other. This works best when you have a small logo, but also want accompanying text. The image is defined using the same setting as above, Style Properties > Basic options > Logo URL

A slogan can be added by entering text in the Logo slogan box.

The other settings allow you to change the logo text color, font-family, font-size and height. They're all fairly self-explanatory so feel free to customize if necessary!

HI!
I got the theme "Villain"
is there a way to set different logos for Light and Dark theme? How so ? In basic option I can only add one type.
Asking because its not a "Pro" theme so only has one install but also has light and dark theme somehow.... so its not like I can set two different logo on the two install.

Thanks!

 

[Ehren]

Hello,

There should be two upload fields for the logo setting. One for the light theme, the other for the alternate (dark) theme.

 

[NandorHUN]

Hello,

There should be two upload fields for the logo setting. One for the light theme, the other for the alternate (dark) theme.

Thanks but where? Because in basic settings theres no such thing:

Altarnate logo link is only works IF you set the theme manually Light or Dark, if you set to "System" (automatic Light or Dark) the very first link to the logo will load :/

What I mean is that
in case of "System" :

it will be always the Default logo that would load, even if the system makes it the dark theme.
So if its a dark logo and your system is "Dark" the logo would look bad.
If you set it manually to "dark" (3rd option) it will be good. But becasue of "System" setting it doesnt work.

 

[Ehren]

Does the default Xenforo style have the same issue?

 

[NandorHUN]

Does the default Xenforo style have the same issue?

Xenforo default style doesnt have light and dark selector.... so I guess not?

The issue is with "System" theme.... since if its dark or light the logo wont change. If I change the theme manually there's no issue , the logo will change.