CSS selectors for pages?

  • Resolved Christopher Sem

    (@leoniscsem)


    2 years, 10 months ago

    I am adapting the appearance for all the pages in our Youzify setup. Instead of adding the CSS inside the plugin’s Custom CSS UI, I want to create a separate CSS file inside my child theme directory. Going through every page (members & groups directories, activity page, member pages, group pages) and inspecting the rendered code in the browser is really tedious, could you please provide the CSS selectors for the respective pages? For example, I am using the following CSS on both the members and group directory pages to give it a dark appearance:

    div .youzify-search-input-with-dropdown {border-radius: 3px;}
div .youzify-directory-filter  {background-color:  #485365; -webkit-border-radius: 3px;}
div .youzify-cover > img {border-top-right-radius: 3px !important; border-top-left-radius: 3px !important;}

    (Don’t laugh at my CSS, I know it’s poor code and that I suck at CSS!)

    Since I would like to have the same dark mode on all profile, groups and directory pages, it would be awesome to have the “failsafe” CSS selectors for the pages in order not to mess with the rest of our site. Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Youzify

    (@kainelabsteam)

    Hello @leoniscsem

    Thanks for reaching us

    We suggest you to put CSS on the Youzify Panel >> Custom Styling Settings. As we saw some cases, the CSS won’t work if you add it outside Youzify environment. If you want to apply CSS for all Youzify page, you can put it on the Global CSS Settings Box. ??

    Best Regards, KaineLabs Team.

    Thread Starter Christopher Sem

    (@leoniscsem)

    Thank you very much for the explanation.

    Plugin Support Youzify

    (@kainelabsteam)

    You’re welcome @leoniscsem ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS selectors for pages?’ is closed to new replies.