AI Assistant
Notifications
Clear all

[Solved] Oh what have you done to me?

5 Posts
2 Users
1 Reactions
2,843 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
(@atomz)
Active Member
Joined: 5 years ago
[#16565]

I know I've been called an "egghead" before, but this is taking it too far! As the pic shows, the widget displaying the members online has turned my gravatar into an oval ! (Possible 'cos it's using a preset height attribute when the width attribute was reduced?)

Also, is it poss to change what 'images' appear below the member's profile widget? I want to remove the RSS and LOGOUT widgets, (the latter is handled by a membership site plugin)

On a slight tangent, a lot of people seem to be asking how to remove the wpForo sidebar. What I did was delete all the widgets in that menu, and use "No title with sidebar" option in post setting. One slight drawback is that the menu seems to extend up into the wp-nav area such that any extra code added to that menu will "break" at the width where the menu should be. (I got around that my shortening the titles used on the buttons)

wpforo error

4 Replies
Robert
Posts: 10720
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
(@robert)
Support Team
Joined: 2 months ago
Posted by: @atomz

I know I've been called an "egghead" before, but this is taking it too far! As the pic shows, the widget displaying the members online has turned my gravatar into an oval ! (Possible 'cos it's using a preset height attribute when the width attribute was reduced?)

Insert this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea, save it, delete all caches, go to forum front-end and press Ctrl+F5:

#wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineavatar, 
#wpf-widget-online-users .wpforo-widget-content a.onlineavatar{
   width: 54px;
   height: 54px;
}
#wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineavatar img, 
#wpf-widget-online-users .wpforo-widget-content a.onlineavatar img{
   width: 50px;
   height: 50px;
}

 

Posted by: @atomz

Also, is it poss to change what 'images' appear below the member's profile widget?

Dashboard > Appearance > Widgets:

 

Posted by: @atomz

I want to remove the RSS and LOGOUT widgets, (the latter is handled by a membership site plugin)

Go to Dashboard > Appearance > Widgets and remove whatever you want from any sidebar you need.

 

Posted by: @atomz

On a slight tangent, a lot of people seem to be asking how to remove the wpForo sidebar.

You don't have wpForo sidebar, the space in the screenshot is just a space for [Add topic] button, it's not a sidebar space. You're using your theme sidebar on the wpForo page, there is no wpForo sidebar there.


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
(@atomz)
Active Member
Joined: 5 years ago

Thanks for the reply, and will implement them later.

Just an update. The reason I thought the WPForo bar may be taking up invisible space was because when I added an extra item to the wp_menu bar, it wraps to the next line as there seems to be an "edge" level with the edge of the underlying right indented text. When on a full page template, the bar does extend with no wrap


1 Reply
(@atomz)
Joined: 5 years ago

Active Member
Posts: 7
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

Image CSS works fine - thanks.

I tried amending the Appearance ->Widgets (Hide buttons) ... but unfortunately, that hides ALL the buttons in that row, and not just the RSS / red arrow logout buttons at the end. I'll take a look at the code. If they have ID's, might be able to get away with custom css:

.icon_name{display:none;visibility:hidden}


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
(@atomz)
Active Member
Joined: 5 years ago

Cracked it ! (Only taken three hours!) I placed some hidden javascript in the footer tag. That scans the document for the title of "Logout". It then removes the <a> ... </a> tag from start to finish

<script>
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; ++i) {
var chk=links[i].title;
if (chk =='Logout'){
links[i].outerHTML='';
break;
}
}
</script>

Share: