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 do i stretch my logo? And fix title bars.

View previous topic View next topic Go down

Solved How do i stretch my logo? And fix title bars.

Post by Cipher on December 10th 2011, 7:12 am

i don't know how to do this.....

I would like to stretch my logo so that it fits my forum. I would like to have it like width="100%", I just don't know how to code it, or where to put it in the CSS

Maybe 100% won't be the number I want, but once I know the code, i can mess around with it from there


Thanks


Last edited by Cipher on December 10th 2011, 7:25 pm; edited 1 time in total

Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 10th 2011, 7:27 am

I see this in the CSS, I'm just not sure how to modify it. I'm assuming this is what i need to be looking at.....

#logo-desc {
margin: 0px;
padding: 0px;
text-align: center;
}
#logo {
float: center;
padding: 5px;
}
a#logo:hover {
text-decoration: none;
}
h1 {
font-family: ;
color: #ffffff;
font-size: ;
padding-top: 15px;
}
#logo-desc p {
margin: 0px;
padding: 0px;
color: #ffffff;
}

Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 10th 2011, 7:20 pm

Ok i have also attached an image. I would like the logo to fit in that area. i know i can simply resize the image in photoshop and get it to fit, but that would only look right on my screen right? it someone else has a different screen size it will look all messed up I'm assuming.

Also, another issue, when I add widgets, the title bars are blue....... how can I get them to match the title bar where I put the red "X"?
And change the fond color for the widget title bars.

Thanks


Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Mike on December 10th 2011, 7:55 pm

i know a way to do this... forum version?

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 10th 2011, 8:03 pm

phpBB3

Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Nera. on December 10th 2011, 10:59 pm

Hi,

Please provide your forum URL for appearance problems.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 10th 2011, 11:18 pm


Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Nera. on December 10th 2011, 11:21 pm

This is how it looks like now http://i.imm.io/cLPr.png
Try adding this to CSS:

Code:
#wrap {
    width: 1200px !important;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 10th 2011, 11:44 pm

I removed the logo, i don't know how to get it back to the way it originally was.

Also using that code doesn't adjust the logo image, its adjusting the forum width, not really what i was looking to do. I wanted the forum wider as it was.

Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Nera. on December 10th 2011, 11:47 pm

I know it's a code for the forum width but you have seen how your forum looked on the photo? Your logo is 1200px width and wrap width is set to 90% in your CSS so your logo exeeds your wrap on smaller screens. It becomes bigger. Try returning the logo and put the code for the wrap width back. If you want too have the wrap bigger than 1200px make it bigger (add bigger numbers) but than but put also a bigger logo via photoshop.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 11th 2011, 12:14 am

hmmmm


obviously, I'm a total noob when it comes to this...

but isn't there a way to make the logo height and width a % just like the wrap that 90% so it will auto fit?

So even if the logo was 5000X4000 px it would reize it to fit into that section. So then it would be the right size for any screen?


or maybe not ... lol

Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Nera. on December 11th 2011, 12:24 am

Return the logo and try with:

Code:
#logo img {
    width: 100%;
}

Remove all the codes I gave you before.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Cipher on December 11th 2011, 1:46 am

yeah that works great.... the image looks too big like that.... BUT, i can work with it now that i have the correct coding. i'm going to alter the image..

Anyway, thanks very much for your help!

EDIT: there we go, got it like i wanted it Smile http://spawnpoint.forumotion.com/

Cipher
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do i stretch my logo? And fix title bars.

Post by Sanket on December 11th 2011, 5:20 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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