- This topic has 11 replies, 2 voices, and was last updated 1 month, 1 week ago by Leo.
October 22, 2020 at 11:10 am #1500315Michel
Short question for you after applying the GP 3 update and updating GP Premium.
Upon checking out Flexbox, I see that it overrides CSS styles that I apply to Bootstrap elements such as Labels. Both for shaping and colours.
What approach do you suggest when encountering such a problem?October 22, 2020 at 11:49 am #1500367LeoStaffCustomer Support
I would say that you should try to use Flexbox instead of implementing Bootstrap.
Adding CSS Frameworks especially Bootstrap is going to cause many conflicts with the theme as they use generic CSS classes that are common across many WordPress themes.October 23, 2020 at 7:34 am #1501220Michel
I get the logic if it’s about grids and containers, but what about other elements such as buttons, labels and other stuff? Will Flexbox offer that?October 23, 2020 at 11:01 am #1501617LeoStaffCustomer Support
but what about other elements such as buttons, labels and other stuff?
What do you mean by that?
For buttons, I’d recommend going with the buttons block from GenerateBlocks:
Or you can simply just use HTML:
https://docs.generatepress.com/article/adding-buttons/October 23, 2020 at 11:06 am #1501626Michel
If there is an alternative that plays better, I’m totally down to make a migration so I can use Flexbox, but I might need a recommendation.October 23, 2020 at 11:07 am #1501628LeoStaffCustomer Support
I’d say that things like that is pretty easy with a bit of HTML and CSS and shouldn’t need to import an entire library for that.
GenerateBlocks should be super helpful too if you are using the block editor?October 23, 2020 at 11:14 am #1501634Michel
Haven’t made the transition to the block editor yet. Been waiting for it to evolve since the first use of it, when wordpress.org made it the default, was very clunky.
Does the typical migration to the block editor require a lot of adaptation?October 23, 2020 at 11:16 am #1501635LeoStaffCustomer Support
Does the typical migration to the block editor require a lot of adaptation?
That sort of depends on what kind of content you are adding.
I’ve had pretty good luck by simply clicking the “convert to block” option.
It would probably be the best to do this in a staging site first.October 23, 2020 at 11:19 am #1501639Michel
To avoid dragging you into a long discussion… let’s say that I don’t want to migrate to the block editor yet.
Any pointer to an HTML/CSS resource I could dig in to replace use of Bootstrap for elements as simple as little labels and buttons? I don’t mind taking time to figure it out if I have a decent resource as a starting point.
That would help for the time being.October 23, 2020 at 11:22 am #1501641LeoStaffCustomer SupportOctober 23, 2020 at 12:05 pm #1501669Michel
I was basically using CSS instead of an entire framework. Alright. I’ll look into the bits that conflict with Flexbox, and I’ve already identified a few things. Will be able to put it together with a little time and work.October 23, 2020 at 12:27 pm #1501692
- You must be logged in to reply to this topic.