Change Protean Template to square thumbnails

It appears that some of the css is stored in the database... Oh my. :)  Yes or no?

What's the easiest way to change from round to square thumbnail images in the Protean Template? I'm sure this topic will come up again.

Much thanks!

  • View
    622
  • More
Replies (2)

    • Hello

      1. Customizer in Protean template (Studio -> Protean -> Styles) uses UNA system settings to store styles' values. For it's part settings are stored in database. 

      2. CSS class which making the thumbnail images rounded can be found in templates/css/default.less file.

      .bx-def-ava,
      .bx-def-thumb,
      .bx-def-icon {
          .radius(80px);
          overflow:hidden;
      }

      To change thumbnail images from round to square you may use Protean template Customizer -> Custom Styles section adding the following CSS class.

      .bx-def-ava,
      .bx-def-thumb,
      .bx-def-icon {
          border-radius: 0rem;
      }

      • Very valuable information. Very interesting, too. My first encounter with a .less file. And database stored CSS settings.

        Thank you, Anton, for breaking this down for everyone. 

        Login or Join to comment.