Shifted Buttons

[Loyal_Customer]

Hello,

I made the profile avatar bigger, and the buttons next to it (“Add Friends” and “private message”) shifted down under it. They are supposed to be next to the avatar, but they have moved under the avatar instead.

Could you please tell me how to move these buttons back up next to the user’s avatar on the profile page?

They are circled in red on the attached picture.

Thank you.

[Laura]

Hello, i would need to see it to fix it, and as your website is offline then is a bit difficult

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

[Loyal_Customer]

Hello,

I just need to move the buttons over to the right a little more, so that they can adjust back up next to the avatar (Please see attached image).

Where in the theme template files can I find the original css responsible for the position of these buttons?

[Laura]

Hello, yes this css will help you 🙂

COPY CODE

div#item-buttons {
    margin-left: 60px;
}

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

[Loyal_Customer]

It worked. Thanks! How can I change the color of each individual button?
Please see attached example.

[Laura]

Hello, this css will do it 🙂

COPY CODE

.friendship-button a {
    background-color: black !important;
}
div#post-mention a {
    background-color: black !important;
}
a.send-message {
    background-color: red !important;
}

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

[Loyal_Customer]

Thank you 🙂 Can you please tell me how I can change the color of the border around the main avatar on the profile page.

[Laura]

Hello, you can use this css

COPY CODE

div#item-header-avatar img {
    background-color: black;
}

🙂

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

[Loyal_Customer]

Thanks! 🙂

[Laura]

You are welcome 🙂

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

[Author]

Posts