When viewed on desktop, my blog roll has images to the left and copy to the right which works perfectly. However, on some mobile devices, because of certain widths, the majority of the copy sits underneath the featured image, which is great, but if the copy begins with a word that is something like 3 letters long, this sneaks up to the right of the image and looks bad. Is there a way I can centre the featured image on mobile devices only so this doesn’t happen?

Thanks!

Its aligned to the left at the moment and I have tried a few things but to no avail. I have the image URL so i just need the code so i can fit that in the middle I guess?

Thanks

Hopefully this will be a quick fix!

I need to centre the text and logo in the header of my site – please see www.cedarwoodchalet.co.uk for my site.

I have attached the code, please let me know if you can help me!

‘.title-area {
font-weight: 500;
width: 30%;
float:centre;
}

.header-image .title-area {
padding: 0;
}

.site-title {
font-size: 45px;
margin: 0;
line-height: 1;
}

.site-title a,
.site-title a:hover {
color: #211b1a;
}

.site-description {
color: #211b1a;
font-size: 17px;
margin: 0;
}’

For some unknown reason to me, the single images on my post here:

https://www.thegallivantingjournals.co.uk/blog/travel/strasbourg/

just won’t centre. Does anyone know what the problem could be? They’re fine on all the other post – just this one for some reason.

I installed Promotion Slider and using images of size 998 x 538 px. My shortcode is “[promoslider width=”998px” height=”538px” time_delay=”4″ pause_on_hover=”pause”]”.

Width of my webpage is 1000px.

The problem I have is that the promotion slider images are not at centre of the page but looks like is is aligned to the right.

Any advice? Thanks.

Irman