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

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] How to remove the transparent bar under Category Cover Image ?

5 Posts
2 Users
1 Reactions
2,133 Views
Posts: 57
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
(@amitkool21)
Trusted Member
Joined: 7 years ago
[#23188]

Hello,

As the topic says, How to remove the transparent Bar (background) behind the text Announcements and Help Desk. or may be set the opacity to 0 (zero).

 

I have two other questions.

Is there a way to hyperlink the Category Cover Image to some page ?

What is the dimension of Category Cover Images ?

 

 Screenshot 2022 08 20 at 01.15 copy
The page I need help with
wpForo Version
2.0.6
WordPress Version
6.0.1

4 Replies
Chris
Posts: 3610
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
(@chris)
Famed Member
Joined: 5 years ago

Hi @amitkool21,

Try this CSS code for the background color:

#wpforo #wpforo-wrap .wpfl-3 .wpforo-category {
    border-bottom: #43A6DF 4px solid !important;
}

#wpforo #wpforo-wrap .wpforo-cat-panel {
    background: rgb(255 255 255 / 0%) !important;
}

Try 720x145 dimension, Not sure if it's the same for different screens resolutions.

 


3 Replies
(@amitkool21)
Joined: 7 years ago

Trusted Member
Posts: 57
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

Hey @chris

The CSS code that you shared didn't work, will let you know about the screen resolution thing after removing the background color. 


Chris
(@chris)
Joined: 5 years ago

Famed Member
Posts: 3610
Chris
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

@amitkool21,

Copy the above CSS again, just edited it.


(@amitkool21)
Joined: 7 years ago

Trusted Member
Posts: 57
Chris
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

@chris 

worked perfectly.

Thank You. 🙂 

Can we hyperlink it ?


Share: