Justification Issue

kennypierce
(@kennypierce)

11 years, 1 month ago

Hello,

When I first began using Raindrops Theme for my website PiercingMetal.com, I was able to embed codes for Amazon.com into the bottom of posts and align them side by side without incident.

After one of the updates these all suddenly were justified to the center without this being selected as the preference. To test my text I highlighted a run of these codes and selected “left justify” but they still fell to the center of the post.

Since I am pasting numerous codes into posts based on albums being released for artists reviewed, its a little cumbersome to see these all codes going straight down in a post. Thanks for any insight into this, I enjoy using the theme for the new version of my website. I moved to WordPress after 9 years of static design.

Viewing 1 replies (of 1 total)

Theme Author

nobita

(@nobita)

11 years, 1 month ago

After one of the updates these all suddenly were justified to the center

I checked at Raindrops1.286

http://www.tenman.info/wp3/manualraindrops/files/align-test-result-1.jpg
http://www.tenman.info/wp3/manualraindrops/files/align-test-result-2.jpg

I cannot detect wrong.

Note:　How to reproduce the result 1

1. create template hook-append-loop.php
add html below

<div class="line">
<div class="unit size1of3 gradient3 text-align-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="unit size1of3 gradient2 text-align-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="unit size1of3 gradient1 text-align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>

2. Add style.css below

.text-align-justify{
    text-align:justify;
}
.text-align-center{
    text-align:center;
}
.text-align-left{
    text-align:left;
}

Thank you.

Viewing 1 replies (of 1 total)

The topic ‘Justification Issue’ is closed to new replies.

Tags