Notifications

Clear all

[Solved] CSS for widgets

How-to and Troubleshooting

Last Post by sison2466 3 months ago

8 Posts

2 Users

1 Reactions

282 Views

RSS

Posts: 59

sison2466

Topic starter

Apr 11, 2024 12:53 pm

(@sison2466)

Estimable Member

Joined: 5 months ago

What would be the proper CSS to get the forum list widget to list hierarchically (preferred) or left justified? Centered looks strange.

chrome_0dKvW2AJ1O.jpg

7 Replies

Posts: 59

sison2466

Topic starter

Apr 11, 2024 3:24 pm

(@sison2466)

Estimable Member

Joined: 5 months ago

I tried the following, but I don't think I have the syntax correct

#wpforo #wpforo-widget-wrap .wpforo-widget-content {text-align: left; !important}

5 Replies

Sofy

Admin

(@sofy)

Joined: 7 years ago

Support Team

Posts: 4585

Apr 12, 2024 10:04 am

Reply to

sison2466

@sison2466,

Please leave the URL where we can see the issue.

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

sison2466

(@sison2466)

Joined: 5 months ago

Estimable Member

Posts: 59

Apr 12, 2024 2:28 pm

Reply to

Sofy

@sofy https://nomadicfire.com/discuss

Sofy

Admin

(@sofy)

Joined: 7 years ago

Support Team

Posts: 4585

Apr 13, 2024 9:27 am

Reply to

sison2466

@sison2466,

Use this CSS code:

#wpf-widget-forums .wpforo-widget-content .wpf-dl-item {text-align: left; !important}

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

sison2466

(@sison2466)

Joined: 5 months ago

Estimable Member

Posts: 59

Apr 13, 2024 2:45 pm

Reply to

Sofy

@sofy Thanks. What would be the selector for the recent topics list on the widget?

Sofy

Admin

(@sofy)

Joined: 7 years ago

Support Team

Posts: 4585

Apr 15, 2024 9:30 am

Reply to

sison2466

@sison2466,

Here it is:

.wpforo-widget-content .wpforo-list-item-right {
   text-align: left;
}

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.