paulwpxp

I see the image file name has -1 suffix to it

1448358145-1.jpg

This indicates that there was another image with the same file name and that was the one you deleted.

You site looks normal to me. I suppose at the time you deleted the image, there was a glitch in the connection and the admin page couldn’t get loaded completely.

Please note that your code above will force left-aligned image to be right-aligned in small screen. If all you want is to control the width in small screen situation, then leave the float as is (do not declare it in your code), it will just use whatever defined (left align will float left, right align will float right).

Also I wouldn’t mess with max-height, the max-width or just width would do the trick.

The text in blue color and bigger is manually set in post content, this will not be used in excerpt showing in archive (post listing) page. In fact, manually setting the text in content is a no no, this if needed should bet set in CSS and adjust for both big screen and small screen otherwise thing will look okay in certain screen width only.

The excerpt area is not clickable by default, only the post title and feature image is clickable.

This is Sydney Theme sub forum where you can post theme related question and most likely theme author would provide help.
https://wordpress.org/support/theme/sydney

Hi again, first of all there had been some changes the in the site (specifically the <figure> containing the <img> had gone) so the code above wouldn’t work now.

This is the updated one

@media only screen and (max-width: 480px) {
	img.alignright, img.alignleft {float:none;display:block;margin:0 auto;}
}

To center align the image (undo the float) in small screen AND also shrink the image, use this code. Notice that it just has the last bit width:40%; added in.

@media only screen and (max-width: 480px) {
	img.alignright, img.alignleft {float:none;display:block;margin:0 auto; width:40%;}
}

If you only want to shrink the image in small screen AND keep the float (left/right align), use this code.

@media only screen and (max-width: 480px) {
	img.alignright, img.alignleft {width:25%;}
}

This code works site-wide, it’s not specific to this page only. Put the code in Additional CSS section.

This problem is not theme specific. Most themes that I encountered don’t center-align floated element in small screen. So we have this usual problem, floated image with text wrapped around look okay in big screen but not so good in small screen. To fix this problem just center-align all floated images in small screen.

This code works in your situation. Just put it in Additional CSS section (clear browser cache to see the updated).

@media only screen and (max-width: 480px) {
	figure.alignright, figure.alignleft, figure img, img  {float:none;display:block;margin:0 auto !important;}
}

Aha, I see. Thanks for sharing your experience. I’m sure it’s useful for other users.

Hi, use this in Additional CSS option

.instagram-media {max-width: 100%!important;}

The instagram embed is an iframe and it has inline style with fixed max-width value of 400px, so we need to use the !important bit to override it.

my www is still not publishing (all pages are published and visable)….Although at least now if you visit my page either callonjo.com.au or using http mu clients get a message that it is coming soon!

The part quoted above sounds to me like you just forget to disable the coming soon plugin, am I correct?

I viewed source and found reference to this plugin: mojo-marketplace-wp-plugin.

See to it that you could disable this plugin, and the site should work normally.

If that above is not what the problem is, I apologize in advance. I think it’s just this little thing that confused you since you had contacted your host support, and had done all the standard troubleshooting already.