[Theme: Gamepress] how to change footer width

Welcome to the wonderful world of wordpress!

Apologies if I missed it, but the first step would be to either create a child theme (https://codex.www.ads-software.com/Child_Themes), or use a custom css plugin so that any changes you make won’t be lost when the theme updates.

Next would be to add something like this to your css:

#prefooter {
width: 980px;
margin: 0 auto;
}

It will actually be the same properties that you add to the footer, but there isn’t a need for the hashtag in front because the theme uses the footer element, (if the html said something like <div id="footer"> then you would use #footer)

As an added bonus, after you’ve added the css for the prefooter and footer, you’ll notice a black bar that still stretches across the screen which is a part of the content wrapper. If you’d like to remove that, you can give this a go:

#content-wrapper {
background: none; /*or background: invisible;*/
}

Good luck!

Ahh! Forgot to mention, even though I’m sure you’re probably aware: there’s something kinda funny going on with some of your images and they just completely take over the screen.

I just used

.post img {
max-width: 200px;
max-height: 100%;
}

But it might be worthwhile for you to look at why it’s happening and figure it out as a learning experience, it’s the best way to learn ??

ty Some, i did the changes u said and it worked for prefooter, but the footer still with the same width. check it out: https://ffxivguides.hol.es/wordpress/

the thing with the thumb images is that i didnt post them as featured image at posts. i guess its about it you was saying…

footer {
width: 980px;
margin: 0 auto;
}

^should do the trick ??

youre awesome Some! im now trying to figure out why in IE and Firefox the site is showind a margin between the footer and the end of the page…

I’m not quite sure what you mean; could you clarify?

Some, check this screenshot: Screen here

im talking about the space in case #1.

case #2 i was wondering if it is possible to join the body with the prefooter in order to dont have that space.

in any case, ty for your constantly help =p

No problem!

adding padding-bottom: 0; to #content-wrapper and margin-bottom: -20px; to footer should do the trick ??

I’m almost positive there’s another way to solve the space between the footer and bottom of the body but I’m struggling to find it tonight haha

Good luck!

Youre an angel Some! tyvm!