• Resolved Vad

    (@vadym1)


    Hi!

    I wrote the CSS styles (Theme xMag + WP Categories Widget)

    Screenshot: https://imgur.com/FN4Npvp

    
    /* -----------------------------------------------------------
     WP Categories Widget
     https://www.ads-software.com/plugins/wp-categories-widget/
    -------------------------------------------------------------- */
    
    .widget_wp_categories_widget ul li a:before {
        font-size: 14px;
        vertical-align: -10%;
        content: "\6c";
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: 0.5em;
    }
    
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li span.post-count {
        background: transparent;
        color: #605f5f;
        box-shadow: none;
        line-height: inherit;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li {
        padding: 0;  
        list-style-type: none;
        margin: 0;
        line-height: 2;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing {
        margin-left: 0;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li a {
        color: #777777;
    }
    /*-------------------------------------------------------------- */
    
Viewing 1 replies (of 1 total)
  • Thread Starter Vad

    (@vadym1)

    Update:

    
    /*
     WP Categories Widget
     https://www.ads-software.com/plugins/wp-categories-widget/
    -------------------------------------------------------------- */
    
    .widget_wp_categories_widget ul li a:before {
        font-size: 14px;
        vertical-align: -10%;
        content: "\6c";
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        padding-right: 0.5em;
    }
    
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li span.post-count {
        background: transparent;
        color: #605f5f;
        box-shadow: none;
        line-height: 0;
        font-size: 0.9375rem;
        padding: 0px 5px 0 10px;
        top: 8px;
        float: right;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li {
        border-bottom: 1px dashed transparent;
        list-style-type: none;
        line-height: 0;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li:last-child {
        margin: 0 0 10px 0;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing li:first-child {
        margin-top: 22px;
    }
    .widget_wp_categories_widget .ve-cat-widget-div ul.ve-cat-widget-listing {
        margin-left: 0;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .ve-cat-widget-div ul.ve-cat-widget-listing li a {
        color: inherit;
        font-size: 1em;
        font-size: 0.9375rem;
        transition: all 0s ease;
    }
    .ve-cat-widget-div ul.ve-cat-widget-listing li a:hover { 
    }
    
    /*-------------------------------------------------------------- */
    
Viewing 1 replies (of 1 total)
  • The topic ‘CSS styles (Theme xMag + WP Categories Widget)’ is closed to new replies.