Adding short bio to header, need to pick someone's brain

[Kieran]

Hi, so I am using the Kleo theme locally building for a large project and I have been looking at different ways of using what’s already there.

I have added an area for a short bio in the meta of the profile cover

COPY CODE

// Add Short Bio to profile

add_action( 'bp_profile_header_meta', 'display_user_short_bio' );
function display_user_short_bio() {
$args = array(
'field' => 'Short Bio', // Field name or ID.
);
$short_bio = bp_get_profile_field_data( $args );

if ($short_bio) {
echo 'Short Bio ' . $short_bio;
}

}

I have also limited it’s input to 140 characters so it doesn’t get too large.

COPY CODE

<script>
jQuery(document).ready(function($) {
$('#field_8').attr('maxlength', '140'); // Short Bio
});
</script>

My issue, and I understand this isn’t a support related topic – just picking brains of others using the theme, is where/how can I wrap this in it’s own class so I can style it? I tried all around the output area in various forms but it kept causing errors.

Regards,

Kieran

[Laura]

Hello, actually #field_8 its the id, you can use that for any css code 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts