[sjpownall1]

Hi,

I have started to write blogs, however the images seem to be locked to certain sizes, depending on where I align them. I’ve tried everything to re-size them, but haven;t succeed.

Could you please help?

Kind Regards

[serkan]

Hi @sjpownall1
Could you show me the screen shots and related URL page, please? Have you tried to deactivate all your plugin and try it again?
Thanks

[sjpownall1]

Hi Serkan,

I’ve managed to put temporary work around in place, by adding padding to the image, however it doesn’t look as good on phones now.

I have tried deactivating my plug ins – no success.

http://stevenpownall.co.uk/setting-up-an-amazon-seller-account/

Many Thanks

[serkan]

Hi @sjpownall1;
You can try to use this custom css code; delete your custom paddings.

@media screen and (min-width: 992px) { .post .entry-content > p img:not(.alignleft):not(.alignright), .post .entry-content .gallery { width: 100%; margin-left: 0; } }

Would you like to keep your images inside the content area? Then you can use this custom css code for it.

@media screen and (min-width: 1200px) { .blog-single .alignright, .blog-single .wp-caption.alignright { margin-right: 0; } }
@media screen and (min-width: 1200px) { .blog-single .alignleft, .blog-single .wp-caption.alignleft { margin-left: 0; } }

[sjpownall1]

Hi Serkan,

Thank you, that top line seems to be doing the trick. Just a couple of quick questions:

1.) I’ve just tried to add a little bit of overhang on the images, both left and right. I tired tweaking the end of that piece of code “.post .entry-content .gallery { width: 100%; margin-left: 0; } }” to 120% on width, but that just adds it to the right. Is there anything I can do to tweak this code to change this?

2.) I’ve also noticed on larger screens I get quite a bit of a border on most pages, but it looks quite bad on “contact” and on blog post. Is there anything I can do to amend this – It doesn’t have to be perfect, just a little bit more responsive would be a bonus.

Many Thanks

[serkan]

Hi @sjpownall1;
1) I am sorry, i didn’t quite get what you mean. Could you try to add two images to both left and right side. I want to make it clear, you would like to show your alignleft and alignright pictures little bit overhanging, right?
2) Do you mean padding on that pages? There aren’t any border on that pages.

[sjpownall1]

Hi,

1.) With that code you gave me, it fits the image cleanly in the width (in line with text). Is it possible to tweak the code so that it is a little bit wider than the text, but still centred. I tried changing the end of the code from 100% to 120% but that only widened it on one side (the right).

My aim is to have the images centred, but not as wide as they were originally (the images were locked in to a certain width for some reason, nothing I did had any effect), but not quite aligned with the text. Just a little bit of overhang on both sides.

2.) This one is slightly different from the original question (I do apologise) . On larger screens the main page content seems very narrow (looks a little bit more obvious on the contact page and blog posts). There might not be much I can do, in which case it’s fine. I thought I would just ask – I’m using a 22″ screen,

Thanks Again

[serkan]

Hi @sjpownall1;
You can use this custom css code for the first question;

@media screen and (min-width: 992px) { .post .entry-content > p img:not(.alignleft):not(.alignright), .post .entry-content .gallery { width: 120%; margin-left: -10%; } }

You can use these custom css code for the second question:)

.layout-fixed { max-width: 900px; }
@media screen and (min-width: 994px) { .blog-single .entry-content { max-width: 900px; } }

Thanks

[sjpownall1]

Hi Serkan,

They are brilliant, thank you – they seem to be doing the trick.

Is it possible to have a variation of the second code to have the same effect on the contact page?

And finally, last question:

Is is possible to add the Author to the blog posts to show who wrote them – I don’t know if it is already there and I just can’t see it or if it’s a setting that is currently turned off.

Thanks for everything

[serkan]

Hi @sjpownall1;
You can use this custom css code (increase the width which is suit to your puspose)
#contact .layout-medium { max-width: 1040px; }
And it is not possible to add the author to the blog by default. This is a personal blog theme so we didn’t need to put this option.
Thank you

[sjpownall1]

Hi Serkan,

Thank you for everything. Never mind about the author, I just though I’d ask, but you are right, I wouldn’t really need it being a personal site.

Thanks again

[serkan]

You are welcome.