The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Banner Smaller

View previous topic View next topic Go down

Solved Banner Smaller

Post by dad2paisley on May 30th 2017, 6:41 pm

Is there anyway to make the banner at the top smaller. It's so big.

http://absolutesports.forumotion.com/


Last edited by dad2paisley on May 30th 2017, 7:23 pm; edited 2 times in total
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 6:43 pm

Hi there,

Add this to your CSS.
Code:
#logo img {
  width: 0px !important;
  height: 0px !important;
}

You can adjust the width and height of the image by editing the value '0px'.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Banner Smaller

Post by SLGray on May 30th 2017, 6:55 pm

Do you mean the forum banner/logo or the background area?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40857
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Banner Smaller

Post by dad2paisley on May 30th 2017, 7:24 pm

@SLGray wrote:Do you mean the forum banner/logo or the background area?

yes, the picture logo in the background not the text.
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 7:26 pm

Add this CSS instead.
Code:
.headerbar {
  background-size: 0px;
}

You can adjust the size with either % or pixels. Experiment to see what you like by editing the value '0px'.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Banner Smaller

Post by dad2paisley on May 30th 2017, 7:38 pm

I put the code in and the background image is gone.
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 7:39 pm

That's cause you have to change the value '0px' to whatever size you like.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Banner Smaller

Post by dad2paisley on May 30th 2017, 7:46 pm

Ok. But the whole banner area is so big. All that black space area of the banner. Any way to make that smaller?
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 7:49 pm

Are you talking about you want to decrease the width of that gray space? The headerbar itself?


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Banner Smaller

Post by Luffy on May 30th 2017, 7:50 pm

Hello,

Try this in your CSS:
Code:
.headerbar {
  background-position: center 130px!important;
}





avatar
Luffy
Manager
Manager

Male Posts : 4868
Reputation : 492
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: Banner Smaller

Post by dad2paisley on May 30th 2017, 7:52 pm

@Draxion wrote:Are you talking about you want to decrease the width of that gray space? The headerbar itself?

yes have it more thinner
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 7:54 pm

All you have to do is decrease the height of the headerbar.
Code:
.headerbar {
  height: 350px;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Banner Smaller

Post by dad2paisley on May 30th 2017, 7:59 pm

I got the size now the way I want. Thanks you all but
Luffy how do I get the other image to show. It's cut off.
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 8:00 pm

Remove this part from the code.
Code:
background-position: center 130px!important;


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Banner Smaller

Post by dad2paisley on May 30th 2017, 8:30 pm

Thanks all for your help. I changed this topic to solved.
avatar
dad2paisley
Forumember

Male Posts : 185
Reputation : 5
Language : english

http://www.thehangoutzone.net

Back to top Go down

Solved Re: Banner Smaller

Post by Draxion on May 30th 2017, 8:32 pm

You're welcome, have a good day!
Problem solved & topic archived.
Please read our forum rules: ESF General Rules


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum