Customize project filter in Sydney FP: Portfolio widget

Hi,

We just purchased Sydney Pro for our website and installed the Sydney Pro child theme. The move from Sydney to Sydney Pro was good however we’d like to customize the project filter menu of the Sydney FP: Portfolio widget.

Not sure how your support works for Sydney Pro but I don’t want to put our licence up on this forum lest it get taken but you can check our account under studio@varipix.com since it wasn’t purchased under my user name,

An example of our work page using the Sydney FP: Portfolio widget is here http://www.varipix.com/content/work/

We would like to control the gutter/divider space between the categories on the project filter menu. Right now the dividers are inconsistent and there is no divider between Show all / Auto. How do we do this?

Also when viewing the page on mobile, the project filter menu adjusts to 2 rows without a margin/divider between the top and bottom menus. How can we adjust this?

Thank you for your help.
Ian

Hello Ian,

Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

ul#filters.project-filter li:first-child {
    margin-right: 5px;
}
ul#filters.project-filter li {
    margin-bottom: 1px;
}

Kind Regards, Roman.

Thank you so much Roman. This worked perfectly.

Cheers
Ian

Great! You are welcome Ian! :slight_smile:

Kind Regards, Roman.