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 Sat Nov 26, 2011 2: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?
avatar
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 Sat Nov 26, 2011 2: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 Sat Nov 26, 2011 2: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 :/
avatar
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 Sat Nov 26, 2011 3: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 Sat Nov 26, 2011 3: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?
avatar
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 Sat Nov 26, 2011 3: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 Sat Nov 26, 2011 4:22 pm

Is there any code to center the wrap bacground image?
avatar
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 Sat Nov 26, 2011 6:05 pm

Try this and see if this works for you Wink

Code:
#wrap {
position: center;
}
avatar
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 Sun Nov 27, 2011 4:20 am

Gassy and CatherinaAndrea, thanks but none of the codes helped :/
avatar
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 Sun Nov 27, 2011 10:23 am

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.
avatar
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 Sun Nov 27, 2011 11:25 am

Look under the profile for link. What i want is to make the logo and the navigation bar wider than the wrap.
avatar
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 Mon Nov 28, 2011 10:31 am

Bump. Help please Sad
avatar
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 Mon Nov 28, 2011 10:34 am

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 Mon Nov 28, 2011 10:36 am

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

#logo {
align: center;}

You can try with
Code:
margin-left: 100px
or
Code:
 left: 100px;
avatar
Omu
Active Poster

Male Posts : 1019
Reputation : 87
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 Mon Nov 28, 2011 10:41 am

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 Mon Nov 28, 2011 11:15 am

My whole wrap and everything else is moved just for a little bit in left :/ how can i center it?
avatar
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 Mon Nov 28, 2011 11:16 am

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 Mon Nov 28, 2011 11:36 am

The wrap is still moved for just a few pixels...
avatar
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 Mon Nov 28, 2011 11:38 am

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 Mon Nov 28, 2011 11:53 am

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.
avatar
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 Mon Nov 28, 2011 12:01 pm


Guest
Guest


Back to top Go down

Re: HELP! How to center logo and wrap?

Post by Klemen on Mon Nov 28, 2011 12:23 pm

What did you want to show me with this?
avatar
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 Mon Nov 28, 2011 12: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 Mon Nov 28, 2011 12: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?

avatar
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 Mon Nov 28, 2011 12: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 Mon Nov 28, 2011 1: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
avatar
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 Mon Nov 28, 2011 2:10 pm

Try :
Code:

.headerbar {
margin-left: -50px;}
avatar
Omu
Active Poster

Male Posts : 1019
Reputation : 87
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 Mon Nov 28, 2011 4: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 Mon Nov 28, 2011 4: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