How do I center my logo and keep it at normal size? (XenForo)

Status
This thread has been locked.

Remnicore

YouTuber & Voice Actor
Supreme
Feedback score
5
Posts
390
Reactions
270
Resources
0
The site isn't custom. I'm using UIX Dark (legit copy). I removed the default UIX branding logo at the top, but I'm replacing it with my server's logo. It stays incredibly small and doesn't center. The dimensions are 800x365, but it's tiny when I add it.

How in the world do I center and get it to the right size?

Here's an example: https://prnt.sc/itlgjh
 
PebbleHost
High performance, consistent uptime and fast support. Minecraft hosting that just works.

Deathcaptain

Web Designer / Web Developer
Supreme
Feedback score
19
Posts
206
Reactions
79
Resources
0
Can I see a link to the site?[DOUBLEPOST=1521517908][/DOUBLEPOST]well you could try to do <img src="#" width="In Pixels will say how big the image is.">
I'm not that experienced with xenforo but you could wrap the image in a div, and make a class to determine the center:
Something like for example margin-right: 50%; margin-left: 50%;
 
Last edited:

wavy

One of the greats
Supreme
Feedback score
37
Posts
964
Reactions
508
Resources
0
Can I see a link to the site?[DOUBLEPOST=1521517908][/DOUBLEPOST]well you could try to do <img src="#" width="In Pixels will say how big the image is.">
I'm not that experienced with xenforo but you could wrap the image in a div, and make a class to determine the center:
Something like for example margin-right: 50%; margin-left: 50%;
I'm not a web developer, but doesn't
Code:
text-align: center;
do anything?
 

Deathcaptain

Web Designer / Web Developer
Supreme
Feedback score
19
Posts
206
Reactions
79
Resources
0
I'm not a web developer, but doesn't
Code:
text-align: center;
do anything?
Of course, However I was just giving one option.
text-align: center; may not work in every case, however my solution would also preserve the mobile responsive.
setting the margin's to percentage's in my personal opinion is a better solution.
 
Last edited:

3847473828363

\)/
Premium
Feedback score
9
Posts
346
Reactions
204
Resources
0
img {
display: block;
margin: 0 auto;
}

I’m not a web developer, but wouldn’t that work to get it into the center?
 
Last edited:

Glitch

Website Developer
Supreme
Feedback score
32
Posts
426
Reactions
114
Resources
0
Style Properties->[UI.X] Logo-> Change the value of "Viewport Width to Center Logo" to 100%[DOUBLEPOST=1521526528][/DOUBLEPOST]Also, to change the size of the logo. The Setting is also found at [UI.X] Logo
 
Last edited:

Areeb

Supreme
Feedback score
41
Posts
1,251
Reactions
442
Resources
0
The site isn't custom. I'm using UIX Dark (legit copy). I removed the default UIX branding logo at the top, but I'm replacing it with my server's logo. It stays incredibly small and doesn't center. The dimensions are 800x365, but it's tiny when I add it.

How in the world do I center and get it to the right size?

Here's an example: https://prnt.sc/itlgjh
You can center in Style Properties -> UI.X Logo -> Last Option - set it to 100%
 

Remnicore

YouTuber & Voice Actor
Supreme
Feedback score
5
Posts
390
Reactions
270
Resources
0
Style Properties->[UI.X] Logo-> Change the value of "Viewport Width to Center Logo" to 100%[DOUBLEPOST=1521526528][/DOUBLEPOST]Also, to change the size of the logo. The Setting is also found at [UI.X] Logo
Thanks! It's centered, but how do I make the logo full-size? It's still tiny.
 
Status
This thread has been locked.
Top