Paragraph Styling wont take in Custom CSS Manager but work in Developer

Question

I was hoping someone could shed some light on why I'm unable to style all of the paragraphs within my site.

http://www.richclarkimages.co.uk/rich-clark

I'd like to force all Paragraphs and all H3 Titles to fit a 700px width, justify and centralise.

In developer I applied the following and see the result I'm after:

#content p, #content-sm p {
width: 700px;
text-align: justify;
margin-left: auto;
margin-right: auto; 
    }

In Custom CSS Manager I apply the same css but there is no change to the page? I wondered whether the CSS Editor had become unresponsive but tested other changes successfully.

What am I doing wrong?

Cheers

Rich

Answer 1

Have you tried adding !important to your #content p, #content-sm p styles in the custom manager css? (i.e., width: 700px !important; ) Your new styles may not rank high enough to override the developer styles.

Here is an older link to an article where you can read more: https://www.smashingmagazine.com/2010/11/the-important-css-declaration-how-and-when-to-use-it/