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.

how to reduce headers width

View previous topic View next topic Go down

Solved how to reduce headers width

Post by zenzo on March 11th 2017, 8:35 am



Last edited by zenzo on March 12th 2017, 1:00 am; edited 1 time in total
avatar
zenzo
Forumember

Posts : 563
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: how to reduce headers width

Post by SLGray on March 11th 2017, 8:47 am

Look for this in your CSS:
Code:
#page-header {
  background: #69B;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
Play around with the right and left.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: how to reduce headers width

Post by Dr Jay on March 11th 2017, 9:01 am

Hi there,

Add the following into your ACP > Display > Colors > CSS Stylesheet

Code:
#page-header {
max-width: 75%;
margin-left: 10%;
margin-right: 10%;
}

Then hit Submit.

Let me know of result. Max-width can be changed to any percentage you want; however, avoid too many variations. For example, 90% would bring the header overall to 90% width maximum. I chose 75% just to give you an idea of what I tried.

See screenshot for my example above:
http://prntscr.com/eikeq8
avatar
Dr Jay
Forumember

Male Posts : 92
Reputation : 7
Language : English
Location : USA(UTC-5)

http://www.geekpolice.net

Back to top Go down

Solved Re: how to reduce headers width

Post by zenzo on March 11th 2017, 9:27 am

@SLGray wrote:Look for this in your CSS:
Code:
#page-header {
  background: #69B;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
Play around with the right and left.

well done sir. i'd like to ask 1 more solution

how to remove this legend
avatar
zenzo
Forumember

Posts : 563
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: how to reduce headers width

Post by SLGray on March 11th 2017, 7:50 pm

Please start a new topic for issues/questions that are not related.

Is the issue/question in the first post solved?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: how to reduce headers width

Post by zenzo on March 12th 2017, 1:00 am

@SLGray wrote:Please start a new topic for issues/questions that are not related.

Is the issue/question in the first post solved?

yes

ok you can close this topic
avatar
zenzo
Forumember

Posts : 563
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: how to reduce headers width

Post by APE on March 12th 2017, 1:07 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 11033
Reputation : 1036
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

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