• 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

Use Bulma (CSS Framework) on Genesis with Minimum Pro as child theme

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 › Use Bulma (CSS Framework) on Genesis with Minimum Pro as child theme

This topic is: not resolved

Tagged: bulma, css framework, minimum pro, style

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 9 months ago by MannyV.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 13, 2017 at 10:55 am #211408
    MannyV
    Member

    Dear friends,

    I am building my site from the ground up on WordPress with Genesis and a child theme (Minimum Pro). I am interested in using Bulma (a CSS Framework similar to Bootstrap) for its ease of use and design, but I am a newbie in CSS.

    How would you proceed to make it efficient and clean?

    • I tried just adding "<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.2/css/bulma.min.css">" in my header, but obviously it conflicts with the current Minimum Pro (or Genesis?) CSS stylesheet.
    • Maybe replacing the current content of style.css by that of bulma.css would work? But won't there be "orphaned" elements?

    As you see, I am confused in concepts, but any pointers would greatly help. Thank you!

    September 13, 2017 at 11:10 am #211409
    Victor Font
    Moderator

    There shouldn't be any conflict. The likelihood of Bulma classes and Genesis classes having the identical name are slim. When adding a style sheet to any WordPress theme, it should be enqueued. Style sheets are very element-centric based on the element's class or id. Many of the classes used in Genesis generated code are built-into the framework. You can add your own classes of course using WordPress hooks, but truthfully, as a CSS newbie, you are biting off a big chunk of development work without understanding how the framework functions. This article may help to gain an understanding of the type of work your are undertaking: https://victorfont.com/genesis-framework-add-a-custom-css-class-to-elements/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    September 17, 2017 at 9:46 am #211593
    MannyV
    Member

    I see. Thank you so much Victor!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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

© 2025 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