Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 19, 2015 at 10:00 pm #475474
    AMBetsy

    Hi,

    I love the Enfold theme, and I am using the Portfolio Grid to display my work portfolio. I would like to have the sortable categories display in 3 columns rather than as a list with the “/” separator. Is this possible?

    Thank you

    July 20, 2015 at 12:37 pm #475730
    Ismael

    Hey Betsy!

    Thank you for using Enfold.

    You can try this in the Quick CSS field:

    #js_sort_items a {
  width: 32%;
  margin-left: 1%;
}

#js_sort_items .text-sep {
  display: none;
}

    Regards,
    Ismael

    August 4, 2015 at 7:21 pm #482915
    AMBetsy

    Hi Ismael,

    Thanks for the quick update. This fix does work well on desktop, but it is causing spacing issues on mobile. I can send a screenshot, or you can visit the page provided. Please let me know if you have any further suggestions.

    Thank you,
    Betsy

    August 4, 2015 at 9:38 pm #482993
    Basilis

    Hi!

    Please do upload a screenshot, so we can see how it does look.

    Regards,
    Basilis

    August 11, 2015 at 4:07 am #485715
    AMBetsy

    How do I upload a screenshot to this thread?

    Thank you!

    August 11, 2015 at 11:34 am #485846
    Rikard

    Hi,

    You can upload to for instance imgur.com or a public dropbox folder and then link to them here.

    Cheers!
    Rikard

    August 29, 2015 at 4:36 am #495161
    AMBetsy

    I have added the link to the Dropbox image.

    Thank you,
    Betsy

    August 31, 2015 at 1:46 pm #495769
    Andy

    Hey!

    and what do you want to change? we need to see the result you want to achieve, because then we can provide you some precise CSS code.

    Best regards,
    Andy

    September 12, 2015 at 11:36 pm #502176
    AMBetsy

    Hi,
    I have attached a link to the screenshot outlining the results I would like to achieve. The boxes indicate areas with awkward spacing. The categories are listing in a meaningful order, and I do not want to adjust the order. I would like the categories to be evenly spaced and to eliminate the excess white space between the categories and the content (also noted in the screenshot).

    Thank you,
    Betsy

    • This reply was modified 9 years, 3 months ago by AMBetsy.
    September 14, 2015 at 4:51 am #502441
    Ismael

    Hey!

    Replace the previous code with this:

    @media only screen and (min-width: 768px) {
#js_sort_items a {
  width: 32%;
  margin-left: 1%;
}

#js_sort_items .text-sep {
  display: none;
}
}

    It will only affect the desktop view. The sort items are not created to work as columns so you will need to use the default layout on mobile view.

    Best regards,
    Ismael

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