Hi
In order to widen your post area you have to widen the width of the whole site because you can’t make your sidebar narrower. That normally is easy enough to do, but its complicated in your case by the graphic images in your site.
Take a look at this URL which is your header image.
http://theboomtownrap.perthpunk.com/wordpress/wp-content/themes/sunsetidea-10/sunsetidea-10/images/header.jpg
Look at the bottom and see that the rounded corners for your content area are built into the bottom of the header image. The only way they can be widened is to rework the images in a graphics program and extend their width.
While that can be done, it will probably be simpler for you to just switch to a different theme that starts out wider.
There is some space to the right of your menu.
Try this:
Under #sidebar set width to 155px
Under .boxed set margin -right to -20px (that is minus 20px)
Is there no way to resize the embedded one’s to a standard size?
Thread Starter
RossB
(@rossb)
stvwlf,
Yes, I see what you mean about those rounded corners. You may well be right about your simpler solution. Thanks for your comments.
henkholland
Thanks for your suggestion – appreciated. However, I can’t find #sidebar or .boxed. Should I be looking in Page Template, Sidebar, or somewhere else, please? (I have looked through both of those but can’t find those two items you refer to).
Cheers
Ross
What is the code you use to embed that object, because it may be easier to change the size of the object rather than readjust the whole page? Just a thought.
Sorry Ross, look in your template folder in the file style.css
Make a safe copy before doing anything.
Thread Starter
RossB
(@rossb)
Hi again henkholland – and thanks for your clarification. I did try those mods you mentioned, but they didn’t work unfortunately. Nothing ventured, nothing gained. Appreciate your willingness to assist.
apljdi
After reading your suggestion, I checked the embedding code from YouTube and reduced the width of the screens until I found the measure that was best. I’m not sure if by reducing the width but not the height I’ve compromised the videos in some way, but things appear to be working, and the site looks tidier. Thanks a lot.
Cheers
Ross
Site looks good. I would alter the sizes proportional; width – 10% then also height -10%
Thread Starter
RossB
(@rossb)
henkholland, do you mean reduce a further 10% from what I’ve already reduced the width?
Or do you mean that if I’ve reduced the width by 10%, I should also reduce the height by 10%?
Cheers
Ross
Thread Starter
RossB
(@rossb)
OK, thanks. Just a couple of quick parting queries, pls:
1. To reduce by 10%, do I just calculate 10% of the number of pixels that make up the width and depth, then type in that calculation in the embedding code, or is there some way to select a % reduction without making such calculations?
2. Since you guys have both seen my site, is there some simple CSS modification I can make to realign the footer – as you’ll see, it has slipped to the right of the main column. This occurred after I upgraded from version 2.5 of WP.
Appreciate your help.
Cheers
R
You have to enter an exact pixel amount. No calculations will be performed in the embed code.
Footer: Try closing the #content div before the footer starts. Right now the footer is contained within the content div. The footer may need to float left also. Save the file before trying this.
If that doesn’t work, the kludge is put the original file back in place and apply negative left margin to the footer div to move it over. That is a hack not a fix – fixes are better, long term.
Thread Starter
RossB
(@rossb)
Footer: Try closing the #content div before the footer starts. Right now the footer is contained within the content div. The footer may need to float left also. Save the file before trying this.
I assume you’re referring to the Stylesheet? I don’t know any CSS. If it’s not a hassle, would you mind posting the code I need to use to close the #content div and float the footer left? If it is a hassle, no worries – you’ve been a big help anyway.
Cheers
you are better off with the kludge as it is simpler.
in your stylesheet, line 302
#footer {
background:#4D4D4D url(images/footer.gif);
clear:both;
color:#FFFFFF;
font-size:0.95em;
height:75px;
line-height:1em;
CHANGE --> margin:0 auto;
padding:49px 0 0;
width:780px;
}
change the margin line to margin: 0 0 0 -15px;
and you should be good to go
Thread Starter
RossB
(@rossb)
stvwlf,
Your code change worked perfectly. That unaligned footer has been irritating me since it appeared after I upgraded WP. It’s great that it’s now fixed – and relatively simply.
THANK YOU SO MUCH!
Cheers
Ross
