Archived topic

How to create line breaks in the Author Box text.

8 replies · Started by Jodie on February 9, 2020

Viewing posts 1–9 of 9

February 9, 2020 at 10:25 pm #1160179

Hi guys

With your help I have this CSS in my additional CSS section in Customize.

/*START of Author Box */
.author-links a {
font-size: 3em;
line-height: 0.5em;
float: right;
}

.author-box {
padding: 4%;
margin-top: 60px;
font-size: 0.8em;
}

.author-box .avatar {
width: 100px;
border-radius: 100%;
margin-right: 20px;
float: left;
}

h5.author-title {
margin-bottom: 0.5em;
font-weight: 700;
}

.author-summary {
overflow: hidden;
}
/* END of Author Box

The text I have is in the WP section for Biographical information for my profile.
I want to add line breaks so the text isn't in one big block. I have tried placing html in that Biographical information box but it is not picked up.

Have a look at the link I've given at the bottom of the post to see the Author box as it is now.

Any suggestions?

Thanks so much for your help as always.

Cheers
Jodie

February 10, 2020 at 3:48 am #1160377

Hi there,

how is the author box added ? Are you using the plugin or a hook element ?

February 10, 2020 at 4:51 pm #1161171

Hi David. With a hook element as so

<?php
global $post;
$author_id = $post->post_author;
?>

<?php echo get_avatar( $author_id ); ?>

...

February 10, 2020 at 5:10 pm #1161185

Try replacing:

<?php echo wp_kses( get_the_author_meta( ‘description’ ), null ); ?>

with:

<?php echo nl2br( get_the_author_meta( 'user_description' ) ); ?>

This won't display HTML such as <br /> tags but it should maintain any line breaks you have in the description

February 10, 2020 at 5:53 pm #1161209

Thanks very much David, I will try that.

Cheers

Jodie

February 10, 2020 at 5:59 pm #1161214

That worked. Thanks very much David.

February 10, 2020 at 6:14 pm #1161224

Awesome - glad to hear that - i hadn't tested it so much appreciated i am sure it'll come in handy for others.

February 10, 2020 at 6:47 pm #1161235

So glad I could help you guys out in the process of you helping me :)

Yes I hope it helps other too.

Cheers.

February 11, 2020 at 3:53 am #1161594

I am sure it will :)

This archived topic is closed to new replies.

Start building better websites today.