‘All’ Button Formatting – Make Active by default

  • Resolved Imagepatterns123

    (@patterns123)


    1 month, 2 weeks ago

    Is there a way to add active formatting to the ‘ALL’ button during the initial page load? Currently all buttons display as inactive initially and only receive the active color formatting when clicked on, but I would like for the ALL button to show up as selected if possible without needing to be clicked on.

    Thank you for your work on this!

    • This topic was modified 1 month, 2 weeks ago by Imagepatterns123.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author ImageYMC

    (@wssoffice21)

    1 month, 2 weeks ago

    Hi! You can write custom styles for the filter-button–all button class and then style this button according to your needs. You can specify styles within the plugin settings in the Advanced -> Custom CSS section.

    Thread Starter Imagepatterns123

    (@patterns123)

    1 month, 2 weeks ago

    Thank you for getting back to me. I tried adding the CSS below to have it show up as selected by default but the button is still changing back to the inactive colour – which i assume is set by the javascript?

    #ymc-filter-1 .js-filter-button-all
    {@starting-style {
    background-color:black;}

    Is there a way for the ALL button itself to display as active/selected as the starting style and for it to become inactive once the user has clicked on another filter?

    Plugin Author ImageYMC

    (@wssoffice21)

    1 month, 2 weeks ago

    Hi!

    Try it https://prnt.sc/3W5TBvKA0q2Y

    https://prnt.sc/FcMV9-HMucxl

    Thread Starter Imagepatterns123

    (@patterns123)

    1 month, 2 weeks ago

    Thank you, I have tried this but the problem is that when I select another filter button, the setting is permanent so the colour does not change when the filter is no longer showing ‘ALL’ posts.

    I was wondering if there is a way to set the ALL button as ‘active’ by default when the page is initially loaded.

    I do not want the ALL option to display as active when another filter is selected. (see below)

    https://prnt.sc/PobVdGjXEWan

    Thank you again for your help.

    Plugin Author ImageYMC

    (@wssoffice21)

    1 month, 2 weeks ago

    You can use custom JavaScript and add a click handler to it that will remove the class from the “All” button. This is custom code that can also be written within the Custom JS plugin settings.

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.