Justifying paragraphs throughout site
Permalink
I would like to be able to specify, site-wide, that all paragraphs should be right-and-left justified, instead of simply left-justified. I assume this is done through the CSS, but I don't know where that is on the server. (I would be going in through FTP.) Thanks in advance for any advice. It would be most appreciated.
Just to be thorough: I've found the answer. I went in to my dashboard, to the Themes section. I clicked the Customize buttom, and there I clicked on Add Your CSS, and put in the line:
Try right-clicking on your page and choosing 'Inspect Element'. The elements and the css rules assigned to those elements will appear. In you list of elements, click on a <p> tag and in the far right you should be able to tell the name of the css file that's in charge. (see attached screenshot). It's better to go in through FTP to '[root]/themes/yourtheme' or '[root]/packages/yourtheme/themes/yourtheme' and find the css file itself and change it in there.
Are you really sure you want this? It can look pretty awful sometimes.
Are you really sure you want this? It can look pretty awful sometimes.
Thanks for the reply. I thought I had found the right CSS file. I went to concrete/themes/greek_yogurt and downloaded typography.css. I then changed this section:
It isn't working though (unless it's a cache problem, but I keep clearing both Concrete's and my browser's cache.)
I think the problem is that I don't know where my CSS file is.
BTW, justified is what I need. I do an eBooks site, and the chapters look much better with a bit more formatting. Hope you're well.
div#main-container p { margin-bottom: 0em; margin-top: 0em; text-indent: 1.5em; text-align: justify; }
It isn't working though (unless it's a cache problem, but I keep clearing both Concrete's and my browser's cache.)
I think the problem is that I don't know where my CSS file is.
BTW, justified is what I need. I do an eBooks site, and the chapters look much better with a bit more formatting. Hope you're well.
Ok, first things first.
If you make changes to the files under '[root]/concrete' such as you have made to '[root]/concrete/themes/greet_yogurt/typography.css', then those changes will get over-written or ignored when you upgrade your website to a newer version of concrete5. You need to make a copy of the 'greek_yogurt' folder and stick it in '[root]/themes' and make your customizations to those files.
Secondly, 'typography.css' is the file used by the 'Content' block to style the content while it's in the content editor. You should duplicate your changes into main.css.
Also, to make sure your 'justify' rule is applied inside the content editor, you need to change the code in 'typography.css' to be specific to the editor like this:
And finally, rather than just clearing your caches all the time, do yourself a favour and turn off all caching within C5 and in your browser. Turn them back on when you are finished editing otherwise you will go insane wondering why your changes are not appearing.
If you make changes to the files under '[root]/concrete' such as you have made to '[root]/concrete/themes/greet_yogurt/typography.css', then those changes will get over-written or ignored when you upgrade your website to a newer version of concrete5. You need to make a copy of the 'greek_yogurt' folder and stick it in '[root]/themes' and make your customizations to those files.
Secondly, 'typography.css' is the file used by the 'Content' block to style the content while it's in the content editor. You should duplicate your changes into main.css.
Also, to make sure your 'justify' rule is applied inside the content editor, you need to change the code in 'typography.css' to be specific to the editor like this:
#tinymce p { margin-bottom: 0em; margin-top: 0em; text-indent: 1.5em; text-align: justify; }
And finally, rather than just clearing your caches all the time, do yourself a favour and turn off all caching within C5 and in your browser. Turn them back on when you are finished editing otherwise you will go insane wondering why your changes are not appearing.
