StudioPress

Forum navigation

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.

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: , , ,

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.