Left align not working – a CSS issue

Resolved riksan
(@riksan)

12 years, 7 months ago
Hi
Newbie who’s managing my site, which someone else built for me years ago. He is no longer available to ask!
I’m having problems with left align (right align seems to wrap ok). Having trawled the forum I see it is often a problem with the theme CSS.
I looked in my theme CSS and it is essentially empty bar for a few lines about the guy who developed it.
I tried adding the code as suggested in other posts:
```
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
```
But nothing seems to happen.
Does the CSS actually work – or is it being overridden from something else – given that it essentially is empty apart from what I’ve just put in.

Thanks for your help

Viewing 9 replies - 1 through 9 (of 9 total)

WPyogi
(@wpyogi)

12 years, 7 months ago

We need to see your site to help with any CSS issues.

Thread Starter riksan
(@riksan)

12 years, 7 months ago

http://www.backclinics.co.uk

Thanks

WPyogi
(@wpyogi)

12 years, 7 months ago

Can you specify an image that’s not behaving? Your home page seems to have a slider on it but no regular images?

Thread Starter riksan
(@riksan)

12 years, 7 months ago

http://www.backclinics.co.uk/who-we-are/staff-therapies-at-sheffield/

The top picture with the Olympic rings will align left but the text doesn’t wrap. AS an example I’ve set the next picture as align right – which seems to wrap the text ok
WPyogi
(@wpyogi)

12 years, 7 months ago
I don’t see that CSS on your site – I do see this:
```
.content img.alignright {
	float: right;
	margin: 0 0 10px 20px;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #c8cbcf;
}

.content img.aligncenter {
	background-color: #fff;
	padding: 3px;
	border: 1px solid #c8cbcf;

}
```
But the alignleft seems to be missing. Where did you add it?

Try adding this to the bottom of your screen.css file:
```
.content img.alignleft {
	float: left;
	margin: 0 20px 10px 0;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #c8cbcf;
}
```
Thread Starter riksan
(@riksan)

12 years, 7 months ago

Where do I find the screen.css file? Can I access it in WordPress or do I need to ftp it?

Sorry – I am pretty new to this!

Michael
(@alchymyth)

12 years, 7 months ago

screen.css is in an subfolder /css/ of your theme, and probably can’t get edited from within the dashboard.

you could use FTP to edit it;
or it might be better if you use a ‘custom CSS’ plugin to addd the styles; http://wordpress.org/plugins/search.php?q=custom+css

WPyogi
(@wpyogi)

12 years, 7 months ago

Oh sorry, good catch alchymyth (as always) :).

Thread Starter riksan
(@riksan)

12 years, 7 months ago

Perfect – that worked! Now to tidy up the rest of the site

Thanks a lot for your help guys

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Left align not working – a CSS issue’ is closed to new replies.

Left align not working – a CSS issue

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics