Well I solved it by adding this to the css file:
[href*="/category/"] {
display: inline-block !important;
}
Assuming you made the changes under your theme style.css, having the same problems on my theme but can’t find where exactly to make the change myself.
Well, I downloaded
Simple Custom CSS
plugin and place the above code there.
The plugin helps custom user defined CSS work properly. I don’t know how. However, when you place you CSS code in some CSS file, it may happen that it will be ignored.
Works to a degree but it also screws up the working categories in the pages.
Sidebar is an issue and if I use the Woocommerce categories/product tax it fails again. Sigh, we really need a css for the actual plugin we all going to have huge issues like this.
Thanks a lot for replying, helped me narrow down what the issue was.
Time to custom wrap the entire plugin code so the theme doesn’t affect it. >_<
Okay with learning some basic CSS from scratch I figured out the styling to get it working perfectly.
I’m using the “salient theme” with the “ascend” template so you will most likely need to adapt as per your theme.
I added the following custom CSS to my theme.
/*Fixes the widget and footer area for plugins with styling and margin*/
.ascend #footer-outer #footer-widgets .col ul li a, .ascend #sidebar div ul li a {display: inline;}
.row .col img {margin-bottom: 0 !important;}
The display inline in the above code is the most important part.
The margin-bottom was just pushing up my custom buttons up so I set it to zero.
If you need help with your theme specifically, just drop a message here.
