This topic has 23 replies, 2 voices, and was last updated 6 years by 
-
-
Hi,
Just using this css
COPY CODE#profile #item-header-avatar .avatar { border-radius: 50%; }Add it in wp-admin -> theme options -> styling options -> quick css
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIt’s already on center, can you be more specific ?
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
The credentials aren’t working
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Add this css
The css will be added to wp-admin -> theme options -> styling options -> Quick CSS
COPY CODE@media(max-width:768px) { div#item-header-avatar { text-align: center; display: block; } }Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThank you so much radu. Btw I would like also to make those 3 fields under the profile avatar “add friend” “public message” “private message” move it to the center and make it little more longer like to make it fit same margin of the avatar image.
Hi,
Use this css
COPY CODE@media(max-width:768px) { #profile div#item-buttons { text-align: center; margin: 0 auto !important; display: inline-block; } #profile .two.columns.pull-two { text-align: center; } #profile div#item-buttons * { min-width:220px !important; } }Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionand Radu i forgot to make the buttons that I told you be on the bottom also on desktop. Could you please help me with that? and for the admin page to make the “change photo” that is on the avatar also on the bottom and visible.
For desktop same on mobile
COPY CODE#profile .row .five.columns .two.columns.pull-two { float: left; display: inline-table; margin: 0 auto !important; position: initial; padding: 20px 10px; }Pulling the change avatar out implies additional time, not have solution for that
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHello Radu. I tried the code and it works good on mobile.However, when i use the last code that you gave me, the buttons go on the bottom of the avatar profile, but when i use it as mobile is not aligned. when i stretch the windows the buttons on mobile doesn’t move with the avatar just stay on the left side until reach the desktop mode so then it position under the avatar profile.
Replace with this one
COPY CODE#profile .row .five.columns .two.columns.pull-two { float: left; display: block !important; margin: 0 auto !important; position: initial !important; padding: 20px 10px; width: 100% !important; }Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionGreat
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHello Radu. I decided to change the color of the buttons, can you provide me the code to change the color of the buttons that are under the avatar profile?
Hi,
Here are the selectors
COPY CODE#profile div#item-buttons .friendship-button {background-color:red;} #profile div#item-buttons #post-mention {background-color:green;} #profile div#item-buttons #send-private-message {background-color:yellow;}Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
retry with the next code it has !important now
COPY CODE#profile div#item-buttons .friendship-button {background-color:red !important;} #profile div#item-buttons #post-mention {background-color:green !important;} #profile div#item-buttons #send-private-message {background-color:yellow !important;}Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHello Radu. I still can’t solve the problem. I tried the code you gave me, but it still making the whole background in 1 color and not button by button.
Great
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.
