Docs

[goalsarecool]

Can you please help me align the image’s to the left in the Who’s Online widget only. I think this can be done with CSS but not sure what the CSS is. I’ve attached a screenshot and the widget is on this page: https://www.goalsarecool.com/member-dashboard/

Thanks inadvace!
Blake

[goalsarecool]

I want the row to be horizontal not vertical

[Joao]

Hi There,

I cannot see the image you mentioned.

Please see img attached.

Can you provide us more details?

Thanks

Joao

[goalsarecool]

Can you try it again please?

https://www.goalsarecool.com/member-dashboard/

I want the row to be horizontal not vertical

[Lely]

Hello There,

I did check again and what I am seeing is the same with Joao’s previous attached screenshot. To help you better, please do give us a screenshot of what you want to achieve. Then give us information on how we can see your site like the way you have attached on your very first post on this thread.

[goalsarecool]

Please see attached and visit the page now. I am trying to get the rows to display horizontal vs. vertical in the Who’s online widget only.

https://www.goalsarecool.com/member-dashboard/

[goalsarecool]

Can someone please respond. I’m having keep 2 people logged in so that you can see this.

[goalsarecool]

Can someone please respond. I’m having to keep 2 people logged in so that you can see this.

[goalsarecool]

Can someone please respond. I’m having to keep 2 people logged in so that you can see this. This makes NO sense!!!

[Christian]

Hey there,

As stated in our Golden Rule in the sidebar:

We ask that the tone be kept courteous and professional (with a little fun on the side). If posts are made outside this realm, we reserve the right to remove them and in certain cases, the user account as well.

And, as stated in our Support Policy:

Forum response time can take up to 24 hours Monday through Friday and can be longer on the weekend.

Please add the code below in your Appearance > Customize > Custom > CSS

.item-avatar {
    display: inline;
}

See the attachment for the expected result.

In the future, if working on your WordPress setup is time sensitive, I recommend that you hire a WordPress developer to work closely with you.

Thank you.

[goalsarecool]

That seems to have worked… thank you!

Follow-Up Questions:

1 – How many Avatars will be displayed before a new row of Avatars is created?

2 – Can you please confirm that this CSS will only affect the Who’s Online Widget?

Thanks again!
Blake

[Jade]

Hi Blake,

#1 It should be around 10 to 12 members before a new row of online users starts.

#2 You could update the CSS to make it more specific to the who’s online block to:

#bp_core_whos_online_widget-4 .item-avatar {
    display: inline;
}

Hope this helps.

[Author]

Posts