• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Styling Beautiful Pro Genesis Theme with SASS

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Styling Beautiful Pro Genesis Theme with SASS

This topic is: not resolved

Tagged: SASS, scss

  • This topic has 4 replies, 4 voices, and was last updated 11 years, 5 months ago by phil42.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 10, 2014 at 6:11 am #131039
    Greg L Frey
    Member

    Is there any way to style the Genesis Themes with SASS?

    November 10, 2014 at 7:57 am #131054
    Davinder Singh Kainth
    Member

    Refer - https://genesisgoodies.com/attention-genesis-sass-perts/


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    November 11, 2014 at 3:32 am #131164
    Greg L Frey
    Member

    Thanks.

    That however refers to building child-themes with SASS. What I am trying to find out is whether there is any way to style an existing theme (such as Beautiful-Pro) in WordPress using SASS instead of using the clunky WordPress CSS Editor.

    November 12, 2014 at 1:17 am #131262
    Tonya
    Member

    Hi Greg,

    You can do any amount of CSS with Sass, including having just the customization part of it. I'm assuming that you want to retain the current Beautiful Pro's stylesheet, and then do you customization in Sass. Correct?

    The easiest way to do it is create your new style.css in a plugin, as to keep the child theme intact for updates. Then you can customize as much as you want.

    Are you skilled in Sass? Do you have Compass (honestly it's the way to go)? From there you can create your own plugin or just use my free one and then add a scss folder and get to work.

    Cheers,
    Tonya


    Software & Electrical Engineer and Programming Teacher ยท I’m on a mission to help developers be more awesome.
    Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

    May 28, 2015 at 1:27 am #153915
    phil42
    Member

    Thanks Tonya. Where would I find your plugin?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble