Sleek category style - tutorial

3330 views


Here is the code -

/* Spacing */
.category-children {
    margin-bottom: 5px;
    max-width: 100% !important;
    margin-top: 10px;
}
/* Spacing */
/* Style of the spacing */
.category-children a {
    padding: 5px;
    background: rgba(20, 20, 20, 0.5);
    margin-right: 10px;
    border-radius: 0; 
    -moz-box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
    -webkit-box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
    box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
}
/* Style of the spacing */
Take my money x 3
Love x 1
Nice.
tasid - pixyte.co said previously:

Nice.

would be able to make a tutorial about wrapping/using a custom menu?
If you could do that, that'll be great. I'm not planning on sharing my custom things at the moment but the community might want it.
tasid - pixyte.co said previously:

If you could do that, that'll be great. I'm not planning on sharing my custom things at the moment but the community might want it.

i was asking if you could - still new to the qjuery 
where dfo iput the code
OcG|Intensive | Hexane Networks said previously:

where dfo iput the code

Goto admin side and click design, click developer code and place the code into the CSS code section and click save
k u got any more cool custom stuff?
 
Works great. Good job!
it dosnt work for me
Mightykitten said previously:



Here is the code -

/* Spacing */
.category-children {
    margin-bottom: 5px;
    max-width: 100% !important;
    margin-top: 10px;
}
/* Spacing */
/* Style of the spacing */
.category-children a {
    padding: 5px;
    background: rgba(20, 20, 20, 0.5);
    margin-right: 10px;
    border-radius: 0; 
    -moz-box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
    -webkit-box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
    box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
}
/* Style of the spacing */

ok, Any fixes?
Reply