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.

HELP! How to center logo and wrap?

View previous topic View next topic Go down

HELP! How to center logo and wrap?

Post by Klemen on November 26th 2011, 9:34 pm

How do I center the logo and wrap? Please help.

Can anyone also say if its possible to make the lenght of navbar longer than the wrap width?

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 26th 2011, 9:38 pm

1. Administration Panel => Display => Homepage => Headers & Navigation => Page headers => Logo positioning : Center

2. Here is CSS Code:
Code:
#wrap{
background: url(URLIMAGE) no-repeat;
}

3. Try:
Code:
div.navbar{
z-index: 999;
}

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 26th 2011, 9:48 pm

I have the logo set on center, but it doesent center it (is there a css code for this?). The 3rd one also doesent work :/

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 26th 2011, 10:01 pm

Code:
div#logo-desc{
align: center;
margin: auto;
}
I don't understand yoru second problem with navbar.

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 26th 2011, 10:39 pm

Currently my wrap width is set to 860 and if I set it to 750 or lower, the navbar goes into two lines, because it doesent fit in wrap. How do I center the wrap btw?

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 26th 2011, 10:43 pm

Code:
div.navbar{
z-index: 999 !important;
display: inline !important;
}

div.navbar a{
z-index: 999 !important;
display: inline !important;
}

div.navbar a img{
z-index: 999 !important;
display: inline !important;
}

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 26th 2011, 11:22 pm

Is there any code to center the wrap bacground image?

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by CatherinaAndrea on November 27th 2011, 1:05 am

Try this and see if this works for you Wink

Code:
#wrap {
position: center;
}

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 27th 2011, 11:20 am

Gassy and CatherinaAndrea, thanks but none of the codes helped :/

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by CatherinaAndrea on November 27th 2011, 5:23 pm

Can you provide a link to your forum and maybe a screenshot of what you are wanting to change? That would give a better idea and more chance of help.

CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 27th 2011, 6:25 pm

Look under the profile for link. What i want is to make the logo and the navigation bar wider than the wrap.

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 5:31 pm

Bump. Help please Sad

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 5:34 pm

You have 3 questions, which of these are not solved? Very Happy

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Omu on November 28th 2011, 5:36 pm

Code:
#wrap {
align: center;
z-index: 999;}

#logo {
align: center;}

You can try with
Code:
margin-left: 100px
or
Code:
 left: 100px;

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 5:41 pm

Note that if you try left: 100px need to add and: position: relative;

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 6:15 pm

My whole wrap and everything else is moved just for a little bit in left :/ how can i center it?

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 6:16 pm

Have you tried:
Code:
#wrap{
margin: auto !important;
align: center;
}

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 6:36 pm

The wrap is still moved for just a few pixels...

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 6:38 pm

I just visited your forum and logo, wrapper is moved to center. :/

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 6:53 pm

Take a screenshot, copy to Paint, then measure the pixels on both sides. Anyway it doesent matter if youre looking on PC, but the difference is way bigger if youre watching my forum on a mobile device.

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 7:01 pm


Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 7:23 pm

What did you want to show me with this?

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 7:25 pm

Your topic title: How to center logo and wrap? These are centered. thumright

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 7:34 pm

Look how it looks on my mobile device. The wrap is clearly not centered Sad Any idea why, or how to fix it?


Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Guest on November 28th 2011, 7:51 pm

Well, try:
Code:
#wrap{
margin: 50% !important;
}
Sorry for long time taken for this problem, and sorry if the codes doesn't work. Hope this works...

Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on November 28th 2011, 8:01 pm

Nope, it moved the wrap and everything in a worse position... Sorry for what? lol, im glad someone is trying to help Smile

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Omu on November 28th 2011, 9:10 pm

Try :
Code:

.headerbar {
margin-left: -50px;}

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: HELP! How to center logo and wrap?

Post by green7izard on November 28th 2011, 11:20 pm

Try:
Code:

#wrap{
float: left;
}
that sould do the trick Wink

It should also work on every browser Smile
except the once that ignore css...


Last edited by green7izard on November 28th 2011, 11:21 pm; edited 1 time in total (Reason for editing : Added a little fact)

green7izard
New Member

Posts : 5
Reputation : 1
Language : Dutch

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