Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter TheDavidTM

    (@thedavidtm)

    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.

    Thread Starter TheDavidTM

    (@thedavidtm)

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Deformed category menu’ is closed to new replies.