SCSS in PORTO theme Custom CSS Theme option

Home Page Forums Porto | Multi-Purpose & WooCommerce Theme SCSS in PORTO theme Custom CSS Theme option

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #4375
    Sayed
    Participant

        Can i write SCSS in PORTO theme Custom CSS Theme option?

        Like
        :root{
        –gap
        –space
        –border-s:
        }

        #4383
        Aizaz Awan
        Keymaster

            Hello, @sayed,

            Porto WordPress Custom CSS section under Theme Options is based on the Redux Framework. You can certainly write and execute SCSS (Sassy CSS) within a Redux container that uses Ace Editor. However, there are a few things to consider:

            Setup: Ensure you have the necessary dependencies installed to compile SCSS if you plan to use it in your project.

            SCSS Execution: SCSS itself doesn’t execute like JavaScript; it needs to be compiled into regular CSS before the browser can understand it. You’ll need a build step (e.g., using webpack with appropriate loaders or a tool like Sass) to compile your SCSS into CSS.

            Applying Styles: Once your SCSS is compiled into CSS, you can apply the styles to your components, including the Ace Editor container, using standard CSS techniques.

            Best Regards,
            PThemes Team.

          Viewing 2 posts - 1 through 2 (of 2 total)
          • You must be logged in to reply to this topic.