Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3791

    Hi,

    Here is the picture:

    portfoliow.jpg

    I need to change text into buttons, to look the same way like it is in avisio theme.

    Regards,

    VoodooPL

    #43719

    Hey,

    You can change the links to buttons simply by adjusting the CSS. Using Firebug I can see that the code controlling the links can be found in:

    /css/light-skin.css – line 328

    #js_sort_items .active_sort {
    color: #666666;
    }

    style.css – line 1174

    #js_sort_items a {
    display: block;
    line-height: 1.5em;
    outline: medium none;
    padding: 0;
    }

    The code from Avisio is:

    /css/style1.css – line 503

    #js_sort_items a {
    background: url("../images/skin1/bg_gradiant_image.png") repeat-x scroll left bottom #FFFFFF;
    color: #555555;
    }

    style.css – line 1344

    .rounded_small, .button, .categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a, #top .pagination span, #top .pagination a, #top .pagination .current, #js_sort_items a, #top .entry .feature_wrap {
    border-radius: 2px 2px 2px 2px;
    }

    style.css – line 1027

    #js_sort_items a {
    display: block;
    float: left;
    margin-right: 10px;
    outline: medium none;
    padding: 0 14px;
    }

    Copy over the styles you need and adjust them as necessary (colours for example).

    James

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to change filtering/sorting categories texts into buttons in portfolio?’ is closed to new replies.