how to reduce headers width

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 : 564
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 : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.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 : 564
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 : 43665
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.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 : 564
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
Administrator
Administrator

Male Posts : 12458
Reputation : 1304
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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