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

Cipher at 07h12

Dec

2011

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

1 Cipher, on 10/12/2011 at 07h27

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;
}

2 Cipher, on 10/12/2011 at 19h20

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

3 Drogba921, on 10/12/2011 at 19h55

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

4 Cipher, on 10/12/2011 at 20h03

phpBB3

5 Nera., on 10/12/2011 at 22h59

Hi,

Please provide your forum URL for appearance problems.

6 Cipher, on 10/12/2011 at 23h18

http://spawnpoint.forumotion.com/

7 Nera., on 10/12/2011 at 23h21

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

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

8 Cipher, on 10/12/2011 at 23h44

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.

9 Nera., on 10/12/2011 at 23h47

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.

10 Cipher, on 11/12/2011 at 00h14

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

11 Nera., on 11/12/2011 at 00h24

Return the logo and try with:

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

Remove all the codes I gave you before.

12 Cipher, on 11/12/2011 at 01h46

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/

13 Sanket, on 11/12/2011 at 05h20

Topic Solved & Locked