Removing padding for a specific image

[kakweepaps]

Hi,

Thanks for this great theme. Sorry if this is a basic question, I looked around but couldn't find a solution.

If you look at the below images, the first one is what my site currently looks like (I'm working offline so can't link). As you can see I've removed the page title but the there is still empty space for it. Also there is padding round the image.

I photoshopped the image to show what I'd like the page to look like. Do you know how I'd be able to do this please?

[Colin]

You can do this with some custom CSS. You can set a margin top for the image as a minus and the same thing for the left and right margins to overcome the content area padding.

Put your custom css in Suffusion Options > Back-End > Custom Includes > Custom Styles.

If this is not within your skill set put it live and one of us will give you the custom CSS that you need.

[kakweepaps]

Thanks a lot Colin. It's a bit out my comfort zone but I'll give it a go.

[kakweepaps]

Hi Colin,

I'm just beginning to learn CSS, PHP, MySQL etc. as I'm fed up scratching my head as soon as something within wordpress goes wrong! So at the moment I don't have the ability to do the coding you described. What I've done is uploaded my site to a testing domain I bought, using instructions from the below link:

http://www.codemyownroad.com/13-steps-to-deploy-wordpress-from-your-localhost-to-a-live-web-server/

Everything went well apart from unfortunately none of my tweaks to suffusion seem to have been copied. I then tried using wordpress import but it only seemed to double up the buttons.

I repeated the upload without importing this time. Is there any chance you could advise me on why my changes to suffusion haven't uploaded, and also have a look at the image placement please? At the moment the image on the home page has been increased in size using the page editor... When I know what to do with the CSS I will remake the image in photoshop to be the exact size.

http://mytestingplace.com

Thanks a lot

EDIT: As you can see from the locally hosted images above, some settings have uploaded (e.g. the backround image). But then others like the Color Scheme and Header Foreground image haven't?

[sayontan]

A little bit of custom JavaScript will help you align your image nicely. Put this under Back-end -> Custom Includes -> Got JavaScript? -> Custom Header JavaScript:

Code: Select all

$j = jQuery.noConflict();
$j(document).ready(function() {
   $j('.wp-image-87').prependTo('body.page-id-4 #content');
});

For the options go to Introduction -> Export / Import. You will find what you need. If you have file locations in your options, those will have to be explicitly changed.

[kakweepaps]

That worked great, thanks.

Enjoy your coffee

[kakweepaps]

I just hoped to ask something else regarding this please.

In Firefox the titles of the 'opening times' and 'prices' text widgets on the right of the screen take a moment to align themselves. They seem to start off a little low and to the right. The picture is also doing this. Is there anything I can do to fix this at all?

In IE 8, it happens a little when you first visit the site but then is ok afterwards, whereas in firefox it's constant.

http://mytestingplace.com/