[Solved] Move topic icons

How-to and Troubleshooting

Last Post by Badge 2 years ago

5 Posts

2 Users

0 Reactions

456 Views

RSS

Posts: 43

Badge

Topic starter

Mar 06, 2023 1:19 pm

(@badge)

Trusted Member

Joined: 6 years ago

Any way to move the topic icons to their own column to the left of the topic text so the text doesn't wrap around them on smaller screens?

https://projectp51.com/community/general-discussion/

Topic Tags

css styles

4 Replies

Posts: 3627

Chris

Mar 07, 2023 8:55 am

(@chris)

Famed Member

Joined: 3 years ago

Hi @@badge,

Can you provide a screenshot where the text wraps around the icon?

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.

Posts: 43

Badge

Topic starter

Mar 07, 2023 11:48 am

(@badge)

Trusted Member

Joined: 6 years ago

Sure, here you go its post/reply page when you shrink your browser.

Screen-Shot-2023-03-07-at-6.45.55-AM.png

1 Reply

Chris

(@chris)

Joined: 3 years ago

Famed Member

Posts: 3627

Mar 07, 2023 1:13 pm

Reply to

Badge

@badge,

Try this CSS Code:

#wpforo #wpforo-wrap .wpforo-topic .wpforo-topic-info .wpforo-topic-title a:nth-child(2){
    width: 85% !important;
    display:inline-block;
}

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.