• Stevekerr

    (@stevekerr)


    hey there.

    I use justification in my blog texts.

    The problem is: On the page, that shows the list of all my blog entries and a short preview of the complete text there is no justification to be seen. If I click on the “read more” button, the text is “justificated”.

    How can I turn the “preview-text” into a justificated format, too?

    Thanks a lot in advance

    Steve

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi,

    I think what you are seeing is that the post extract is not justified while the entire post content is. Usually, they are bound by different div classes. Right click on the page source, find the enclosed class name and you can make changes to the CSS to justify this text as well.

    Hope this helps,
    Ramesh

    PS: If you can post a link, I can give you the exact class names to be changed.

    Thread Starter Stevekerr

    (@stevekerr)

    Thank you for answering so quickly.

    Okay, I don’t get everything you wrote, but here is the source text as it is right now:

    <div style=”text-align: justify;”>Der Lostopf hat gesprochen: es gibt vier glückliche Gewinner unserer Couch-Concert-Challenge. Und wir freuen uns wie Schnitzel darauf, bei ihnen auf der Couch unser Debütalbum zu präsentieren.</div>
    <!–more–>
    <div style=”text-align: justify;”>Wir wollen uns an dieser Stelle bei allen Teilnehmern bedanken. Knapp hundert Facebooker wollten uns auf dem Couchtisch präsentieren. Leider kann es nur vier Gewinner geben, die alle schon benachrichtigt wurden. Es wird uns in Wohnungen, WGs und Familienhäuser in München, Memmingen und Augsburg verschlagen. Wir sind mehr als gespannt! Nicht nur auf eure Einrichtung zuhause … let‘s rock!</div>

    Can you show me qhat to change here?

    Can you please post a link to the content? By clicking on read more, you are redirected to a new page right? I mean, the preview would be on one url and the read-more takes you to the entire post content.

    Thread Starter Stevekerr

    (@stevekerr)

    Thread Starter Stevekerr

    (@stevekerr)

    it’s still not published … maybe that’s a problem.

    Actually, the post status is not the problem. On the main page, the preview text is within the div class called blog_text and on the single post page, it is blog_post.

    Rather than inline CSS edits, I would suggest to use a custom CSS plugin such as https://wordpress.org/plugins/simple-custom-css/ and include the following code

    .blog_text {
        text-align: justify;
    }
    .blog_post {
        text-align: justify;
    }

    PS: This will affect all posts. If you are looking for making this change only in a fixed number of posts, you will have to update the custom CSS accordingly.

    Thread Starter Stevekerr

    (@stevekerr)

    hm, okay.

    Do I get it right? –>

    I can do it for every single post in the text editor or for alle posts by using a plug in.

    It would be great, to do it without the plugin.

    I’m a complete beginner as far as codes are concerned. What exactly do I have to change in the text to make it work?

    Thank you so much for your patience!

    Ok. I just opened the theme’s CSS file and I can see that you can do CSS changes via the Theme Options > Miscellaneous > CSS Overrides menu.

    Add the code that I suggested in that page and you should be able to fix this for all your posts without any plugins.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘justification in wordpress preview’ is closed to new replies.