I have a blog that I would like to have justified text in but my theme, Traction, doesn't have an option for custom CSS. Ather posts don't help me. Is there something that I can add to the stylesheet for this to work?
Thanks!
I have a blog that I would like to have justified text in but my theme, Traction, doesn't have an option for custom CSS. Ather posts don't help me. Is there something that I can add to the stylesheet for this to work?
Thanks!
text-align: justify;
Now, do I just add this into the style sheet? And where?
Add in style sheet
.DIVCLASS{
text-align: justify;}
or
#DIVID{
text-align: justify;}
DIVID or DIVCLASS is the div containing the text you want to justify.
So would I put in "posts"?
@hellogoodbye2124
please post a link to your site if you need assistance with formatting or css questions.
without seeing your issue, nobody will be able to make any purposeful suggestions.
or use a free tool such as firebug to find the css selectors for your post content.
Yep sure, my website is http://blog.blursplash.binhoster.com
try add in your style sheet
.content{
text-align: justify;}
or
.main{
text-align: justify;}I added it to the end of the style sheet and it didn't work. So here is the code in my style sheet....
/*
Theme Name: Traction PRO Child Theme
Theme URI: http://thethemefoundry.com/traction/
Description: PRO child theme for Traction. This theme is Shared by <a href="http://www.free-premium-wordpress-themes.com">Free Premium WordPress Themes</a>
Version: 1.0
Author: The Theme Foundry
Author URI: http://www.free-premium-wordpress-themes.com//
Template: traction
*//*
|___|
|- -|
+---------------oooO--(o)---------------------+
| Visit Us At |
| |
| www.free-premium-wordpress-themes.com |
| |
+--------------------------Ooo----------------+
|__|__|
|| ||
ooO Ooo
*/
/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url("../traction/stylesheets/master.css");
/* Required WordPress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }
/* Logo
-----------------------------------------------------------*/
div.logo.logo-img { line-height: 0; }
/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
background: blue;
}
*/You must log in to post.