Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 8, 2015 at 10:35 pm #392797
    alex5252

    I would like to know how to increase the size of the portfolio sortable links? My site is: http://marckdesign.net/oakridge/rental-options/

    I am referring to making “ALL/Games/Inflatable Rides” Larger.

    February 9, 2015 at 2:50 pm #393068
    Yigit

    Hi alex5252!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .sort_by_cat {
font-size: 20px;
}

    Regards,
    Yigit

    August 28, 2018 at 5:56 am #1002541
    Te Roopu Atawhai

    Hello,
    I’m trying to increase the font size for the “Portfolio grid sorting” text. I have tried adding the following css (as per the forums) to the Quick CSS, and a couple of other variations to no avail in increasing the font-size of the text for the sort options.
    Please advise

    .sort_by_cat {
    font-size: 20px;
    }

    #js_sort_items a, #js_sort_items {
    text-decoration: none;
    outline: none;
    font-size: 18px; /*was 12 before*/
    }

    August 28, 2018 at 1:05 pm #1002665
    Guenni007
    .av-masonry-sort * {
    font-size: 20px;
}

    portfolio – no cat.

    if you only want the “terms” bigger:

    .av-sort-by-term * {
    font-size: 20px;
}

    PS: your link above is gone – so i can not test it at your environment !

    August 28, 2018 at 9:36 pm #1002838
    Basilis

    Hi,

    I tried on debbuger the link and the code provided and it does seem to look properly.

    Best regards,
    Basilis

    August 29, 2018 at 2:40 am #1002935
    Te Roopu Atawhai

    Unfortunately, neither of the code solutions above, or below work on my devel site.

    #js_sort_items {
    font-size: 20px;
    }

    .av-masonry-sort * {
    font-size: 20px;
    }

    .av-sort-by-term * {
    font-size: 20px;
    }

    My devel site is listed below – the portfolio grid is just below the layer slider element. I’m trying to increase the font size of the portfolio Grid sort terms/items

    August 29, 2018 at 8:17 am #1003024
    Guenni007

    can you please post the link on public. the link above does not work.
    is it that page her: http://marckdesign.net/portfolio/

    
#js_sort_items * {
    font-size: 20px !important;
}

    the asterisk means that every following element got that css

    August 30, 2018 at 12:37 pm #1003524
    Victoria

    Hi Te Roopu Atawhai,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#js_sort_items .inner_sort_button span, #js_sort_items .text-sep {
    font-size: 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 30, 2018 at 11:47 pm #1003833
    Te Roopu Atawhai

    Thank You soooo much Victoria!! That code works perfectly!

    August 31, 2018 at 3:15 pm #1004108
    Victoria

    HiTe Roopu Atawhai,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.