Text position on profile cover and rotating picture while upload

[MaxArts]

Hello,

I have questions;

1. How can I change the text position on profile cover (pictures attached). I followed https://codex.buddypress.org/themes/guides/displaying-extended-profile-fields-on-member-profiles/ to added the extra text in functions.php
2. How to rotate picture before you upload it.

Many thanks.

Max.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Can you provide the url of that profile ?

Cheers

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

What support service includes ? What not ?

[MaxArts]

This reply has been set as private.

[MaxArts]

This reply has been set as private.

[Radu]

Hi,

Can you provide admin credentials ? i cannot see the page

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

What support service includes ? What not ?

[Radu]

Also i need FTP

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

What support service includes ? What not ?

[MaxArts]

This reply has been set as private.

[MaxArts]

The site is on coming soon mode, you can deactivate it (setting-coming soon CC-select status deactivated). Thank you.

[Radu]

Hi MaxArts,

Can you check please ?

I think it’s OK, i suggest you to remove that < br > tags or do some little css customizations.

Let me know if it’s OK

For users that needs something similar I have done the following operations :

1. In kleo-child directory from wp-content/themes/ I’ve created a folder named buddypress then inside this folder I’ve created a folder named members, then inside this folder I’ve created a folder named single, in this folder unzip and upload the attached file, our folder structure will be like this : themes/kleo-child/buddypress/members/single/member-header.php

2. I’ve added this CSS to kleo-child/style.css

COPY CODE

.bp-custom-header-container #item-header-content {
    float: right;
    margin:0 auto;
    text-align:center;
    max-width: 100%;
}
.bp-custom-header-container .bp-custom-to-left {
    margin:0 auto;
    text-align:center;
    float: left;
}
.bp-custom-header-container {
    margin: 0 auto !important;
    display: inline-block;
}
.bp-custom-header-container h4.user-nicename { color:#EFEFEF !important; }

That’s all.

Best Regards

Radu

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[MaxArts]

Hi Radu, Thank so so much…very perfect!! The only things the picture and and the text seems really close, how to make it space between that?

and, do you know about my second question (rotate the picture)?

Best Regards,

Max.

[Radu]

Hi,

For space between avatar and text fields just replace this from kleo-child/style.css

COPY CODE

.bp-custom-header-container .bp-custom-to-left {
    margin: 0 auto;
    text-align: center;
    float: left;
}

width this

COPY CODE

.bp-custom-header-container .bp-custom-to-left {
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-right: 25px;
}

Regarding the rotate picture i don’t know what solution to give you, but I’ve searched on google and i see that buddy-press media it’s able to do that, just do some tests with the buddyress media.

Regards

Radu

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

What support service includes ? What not ?

[MaxArts]

Perfect! Thank you so much…5 stars for you Radu! 🙂

[Author]

Posts