Is there any way to make sticky topics stand out more? Like change the background colour or something?
The padlock icon isn't distinct enough so looking for ways to make sticky posts more obvious and visible (they will contain guidelines for the forum users so don't want them to 'not see them').
Is there any way to make sticky topics stand out more? Like change the background colour or something?
The padlock icon isn't distinct enough so looking for ways to make sticky posts more obvious and visible (they will contain guidelines for the forum users so don't want them to 'not see them').
New solution started from wpForo 2.2.9 version:
https://wpforo.com/community/how-to-and-troubleshooting-2/sticky-post-styling/paged/2/#post-107093
you can use jQuery for this
Example for a gray background and an orange border
jQuery( ".wpforo-topic-title i.fa-thumbtack" ).parent().parent().parent().parent().css({ "background-color": "#f5f5f5", "border" : "1px solid #ff9900" } );
paste this code into a .js file of your Wordpress theme
by the way padlock icon is not sticky
@tutrix thanks for this, I'm looking for a CSS solution though.
Aware the icon itself isn't sticky, I just mean a way to highlight the 'sticky' posts when you look at them in a list on a forum.
@alvina Forums are for members only so require a login to access... it's using the Simple layout if that helps.
Please try the following JS code:
jQuery( "i.fa-thumbtack" ).parent().parent().parent().parent().css({ "background": "#cd2653", "border" : "1px solid #FF9900" } );
The red marked value can be changed.
@alvina thanks, I don't have the ability to use jQuery I don't think? No place to put JS code that I can see... is there a PHP alternative?
Here is the good instruction on how to add a js file or js code in the active theme:
https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/
unfortunately there is no possibility via CSS
use the code I posted above I also use it, look here
but that only works with sticky Post, not for just closed (padlock icon)
Thank you for all the help, I installed a plugin to allow custom JS, then used the code above and it works!!
Appreciate the patience, I've still got a lot to learn.