Notifications
Clear all

wpForo 1.x.x How to replicate wpforo layout

9 Posts
2 Users
0 Likes
521 Views
galos
Posts: 41
Topic starter
(@galos)
Eminent Member
Joined: 11 months ago

Hello,

As mentioned in other posts, I really like the formatting of this forum, kudos to the designer. However, the basic formatting out of the box doesn't match what this site shows, so I'm trying to make some minor adjustments to clean it up a bit. I've attached an image to explain in more detail what I'm looking to replicate. Could someone advise me on how to add the code to change it?

First, I like that the user (avatar) icon is next to the recent topics. How can I enable this? Mine does not show the avatar.

Second, I like that My Profile is in the top right with the alert button next to it and action buttons below. How could I simulate this as well? My image gives a bit more description.

Thanks in advance!

Topic Tags
8 Replies
Chris
Posts: 1897
Admin
(@chris)
Support Team
Joined: 1 year ago

HI @galos

First, I like that the user (avatar) icon is next to the recent topics. How can I enable this? Mine does not show the avatar.

Go to Dashboard > Appearance > Widgets > wpForo Sidebar, open wpForo Recent Topics widget and Enable "Display with Avatars" checkbox

Posted by: @galos

Second, I like that My Profile is in the top right with the alert button next to it and action buttons below. How could I simulate this as well? My image gives a bit more description.

Insert "wpForo User Profile & Notifications" widget in wpForo Sidebar.

 

Reply
4 Replies
galos
(@galos)
Joined: 11 months ago

Eminent Member
Posts: 41

@chris Thank you, this has been helpful. I have noticed that while I have the logout button, I'm still missing the other icons (see red square in image). How could I obtain those?

 

Also, my sidebar seems to be cut off. i'm using twenty-twenty theme and the bell is half cut-off to the right. Any thoughts on how to pull that in?

 

Thanks again!

Reply
galos
(@galos)
Joined: 11 months ago

Eminent Member
Posts: 41

@chris I was able to figure out how to change the width to fix the alert bell from going too far to the right, but still looking for help with showing the missing icons. Any thoughts?

Reply
Chris
Admin
(@chris)
Joined: 1 year ago

Support Team
Posts: 1897

@galos,

First remove the CSS you used for the Notification Bell, then change your theme, twenty-twenty is not a good one, Try Shuttle iBusiness, let us know if the icons won't show after these changes.

Reply
galos
(@galos)
Joined: 11 months ago

Eminent Member
Posts: 41

@chris Here is the image from my forum. You can see the missing icons and the bell cut off slightly on the right.

Reply
galos
Posts: 41
Topic starter
(@galos)
Eminent Member
Joined: 11 months ago

I will try the Shuttle iBusiness theme, however, I am not sure I ever added CSS for the Notification Bell. Could you explain how I could remove it?

thanks again

Reply
1 Reply
Chris
Admin
(@chris)
Joined: 1 year ago

Support Team
Posts: 1897

@galos

Posted by: @galos

 I was able to figure out how to change the width to fix the alert bell from going too far to the right, 

I thought you used CSS to do that.

Reply
Chris
Posts: 1897
Admin
(@chris)
Support Team
Joined: 1 year ago

Hi @marionhaskins,

Please provide your forum URL.

Reply
Share: