Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 10, 2025 at 1:58 am #1476793
    lara666

    Hi there,

    I’d like to update the appearance of the categories on my portfolio page.

    Could I change the background color to #F2F0EF instead of white? and make the font a little larger.

    Also, is it possible to add a dropdown for categories, allowing each item to have a Work Status (Complete/In Progress) and a Project Type (All, Commercial, Government, Industrial, Residential), similar to the example in Private Content?

    Thank you!

    February 10, 2025 at 7:28 am #1476804
    Ismael

    Hey lara666,

    Thank you for the inquiry.

    You can add this css code to adjust the background color of the category sort container:

    .main_color #js_sort_items {
    background-color: #F2F0EF;
}

    Unfortunately, there is no option to group the categories or create a dropdown.

    Best regards,
    Ismael

    February 10, 2025 at 10:59 pm #1476857
    lara666

    Hi Ismael,

    Thank you so much.

    Can you recommend a plugin to have a dropdown filter for portfolio items?

    • This reply was modified 2 weeks, 3 days ago by lara666.
    February 11, 2025 at 5:52 am #1476876
    Ismael

    Hi,

    Thank you for the update.

    We don’t know of any sorting plugin that is compatible with the Portfolio Grid element. You might need to look for a grid plugin that has its own sorting option, like the ones below.

    — https://wordpress.org/plugins/wp-ultimate-post-grid/
    — https://wordpress.org/plugins/display-post-types/

    Best regards,
    Ismael

    February 12, 2025 at 3:57 am #1476918
    lara666

    Hi Ismael,

    The background colour for categories appears to be slightly darker than the code I provided.

    Could you check this? It should be #f2f0ef.

    Additionally, can the category font be slightly bolder than the paragraph text and change to #ED1C24 when each category is selected?

    February 12, 2025 at 7:33 am #1476926
    Ismael

    Hi,

    The background color of the sort container looks the same as the main background. If you want to remove the background completely, try to set the color to transparent.

    .main_color #js_sort_items {
    background-color: transparent;
}

    Best regards,
    Ismael

    February 13, 2025 at 4:16 am #1477005
    lara666

    Thanks Ismael,

    Is there a way to have the font of the categories to be #ED1C24 when selected?

    Thanks a lot!

    February 13, 2025 at 8:25 am #1477028
    Ismael

    Hi,

    Yes, you can add this css code to adjust the color of the active category:

    .main_color #js_sort_items a.active_sort {
    color: #ED1C24;
}

    Best regards,
    Ismael

    February 17, 2025 at 5:46 am #1477229
    lara666

    Hi there,

    Is it possible to make the portfolio categories bold?

    Thanks a lot!

    February 18, 2025 at 4:32 am #1477300
    Ismael

    Hi,

    You can include this css to adjust the font weight of the category sort:

    #js_sort_items a {
    font-weight: bold;
}

    Best regards,
    Ismael

    February 21, 2025 at 1:42 am #1477520
    lara666

    Hi Ismael,

    Thanks a lot, that works great!

    February 21, 2025 at 6:15 am #1477538
    Ismael

    Hi,

    No problem! Let us know if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Portfolio grid categories’ is closed to new replies.