How to left-justify using Yoko Theme

emilykubitskey · Member · Mar 24, 2014 at 8:04 pm
Copy link

Add topic to favorites
Hi All!

I am using the Yoko Theme, and absolutely love it, however I would like to override the current justification settings, and have all of my titles and dates left-justified over the content. Regardless of text, link, or photo.

Any help? Thank you in advance!
Best,
Emily

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 24, 2014 at 10:12 pm
Copy link
Hi there, Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to move the title/meta text to the left.
```
#content .entry-header, #content .entry-content {
    float: left;
}
```
emilykubitskey · Member · Mar 25, 2014 at 4:15 am
Copy link
thesacredpath – Thank you! This is fantastic. It worked perfectly for my picture posts. Do you know how to make it affect the text-only posts as well?

Best,
Emily
thesacredpath · Member · Mar 25, 2014 at 3:41 pm
Copy link
Emily, are you talking about like on “The Power of Silence”? If so, it can be moved up above the title, but putting it below the title would be a challenge since it would require position: absolute which means it would no longer flow and move in relation to the other elements of the web page, and if a post title went to two or three lines, they would overlap the relocated entry details.
emilykubitskey · Member · Mar 26, 2014 at 6:44 am
Copy link
For example, on “The Power of Silence,” the date, and ‘leave a comment’ link are left justified, and then the title and all of the text are indented by about an inch. Is there a way to make all of those left-justified as well? So it’s clean and conform all the way down?
thesacredpath · Member · Mar 26, 2014 at 5:12 pm
Copy link
Emily, the date and leave a comment link, as I said, can be moved over and above the post title and then the post can go full width as well. To move the date and comment link below the title is more difficult because it will no longer have a relationship to the other elements in the page, and if a title goes to two or more lines, it will overlay the date and comment link. Replace the CSS I had given you before with the following to see what that will look like.
```
#content .entry-header, #content .entry-content {
float: left;
width: 100%;
}
```
emilykubitskey · Member · Mar 27, 2014 at 9:15 pm
Copy link
Thank you so much – this works great for now. I appreciate all of your help!!
thesacredpath · Member · Mar 27, 2014 at 9:47 pm
Copy link
You are welcome.

No items found.