Grow your CSS skills. Land your dream job.

PHP Change

  • # April 25, 2013 at 11:39 pm

    Would like to change this from a select one to drop down at the moment I can only get categories to pop out to select option for responsive was thinking it might be something thing like $dropdown

    “;

    .small_cat, .small_link {
    position: relative;
    z-index: 30;
    margin: 0px 10px 20px 10px;
    }
    .small_link{
    margin-bottom:0px;
    }
    .small_cat div, .small_link div{
    padding: 0px 16px;
    overflow: hidden;
    position: relative;
    font: 18px/40px ‘PT Sans Narrow’;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    }
    .small_cat div{
    background:#585858;
    border: 1px solid #000000;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    }
    .small_link div{
    background: #38B0E3;
    border:1px solid #0D9FDF;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    }
    .small_cat select, .small_link select {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
    }

    .small_cat, .small_link{
    display:block;
    }

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".