• Hello,

    it may be of interest, I added some lines to the file “catalog-style.css”, resulting in a more pleasing look and feel.

    The result is visible highlighting the product or category on mouse over them, all with a shadow effect.

    This is the block you want to edit:
    —————————————
    /* Grid catalog */
    .goods-catalog .grid,
    .goods-insert .grid {
    min-width: 200px;
    min-height: 200px;
    background-color: #f5f5f5;
    opacity: 0.7;
    filter: alpha(opacity=30);
    padding: 5px;
    display: inline-block;
    border: 2px solid #aaa;
    border-radius:8px;
    vertical-align: top;
    margin: 3px 10px 10px 0;
    position: relative;
    overflow: hidden;
    }
    .grid:hover
    {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border: 2px solid #ffa500;
    }

    ————————————————–

    I hope it will be interesting.

    https://ww.wp.xz.cn/plugins/goods-catalog/

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

The topic ‘Edit "catalog-style.css"’ is closed to new replies.