AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

how to edit size of forum icons?

3 Posts
2 Users
0 Reactions
1,492 Views
Posts: 7
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@chancy426)
Active Member
Joined: 2 years ago
[#51063]

Hi,

 

I'm hoping to find some support for replacing the fontawesome icons with custom image.

 

So I've used this and was able to change the image, but the problem is I want to use bigger image then 35. 

Replace Font-awesome Icons with Images? – Page 3 – How-to and Troubleshooting – wpForo Support Forum

 

As you see on these two pictures for threaded and extended, the image do not show fully. 

 

1. So I would like to find out, is there a way to take care of this? prefer by editing the CSS code provided by the previous topic. My images would be 100px by 100px, I suppose I can go smaller, but it would still be at least 60x60px

 

2. There is the vertical colored line at the left of the icon, is there way to remove that? also via CSS code would be preferred since I am using wordpress.com hosting and I can't find the wpForo theme files.

 

Help is most thankful!

 

 

 

 Screenshot 2024 01 23 162407

2 Replies
Posts: 7
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@chancy426)
Active Member
Joined: 2 years ago

So I was able to show the full image now, but the problem is that it is still overlapping. Does any one have any suggestion on how I can correct it?

 

 

#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item {
width: 30%;
padding: 60px;
margin-top: 0px;
justify-content: center;
align-items: center;
}

 

.wpf-unread-forum .btforum {
color: transparent!important;
width:150px;
max-width:150px;
height:100px;
min-height:100px;
background:url( )
}

.btforum {
color: transparent!important;
width:150px;
max-width:150px;
height:100px;
min-height:100px;
background:url( )
}


Reply
BlackRaz
Posts: 400
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@blackraz)
Contributor
Joined: 9 years ago

Hi  @chancy426 

As I understand, you want to perform a large-scale theme customization. For customization, you should refer to our provided documentation on forum theme customization.

https://wpforo.com/docs/wpforo-v2/forum-themes/theme-customization/
https://wpforo.com/docs/wpforo-v2/forum-themes/style-customization/

If you cannot do this job yourself, you should hire a developer and request assistance with customization.

https://wpforo.com/pro-support/


Reply
Share: