Archived topic
How GP handle the block element style?
6 replies · Started by Kelvin on June 24, 2021
Dear Sir/Madam,
I don't like the block element, it adds too many styles inside and increases the complicated style setting.
Refer to this https://prnt.sc/16nl3ls, we can find the padding-left and right are controlled by the style from the individual setting, I didn't add the inline-style per product page ( https://prnt.sc/16nljv4 ), please advise how I can configure it or even I avoid it.
Best regards,
Kelvin.
Hi Kelvin,
None of these 2 CSS codes you attached is coming from the block element.
The first one is a number calculated based on customizer settings.
You can adjust the setting at customizer > layout > Primary navigation > Menu Item Width to see the number changes.
The second one is the inline style from Generatepress theme, if you don't like the block element, you can deactivate the Elements module, then these parts of inline CSS would not appear.
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules
Dear Ying,
I don't mean I dislike the GP's Elements module, I don't want to have the inline style from Generatepress theme as I can't simply control the css from style.css in the Child theme. What is your recommendation on how I can manage the styles globally instead of the individual?
Best regards,
Kelvin.
Dear Ying,
customizer > layout > Primary navigation > Menu Item Width doesn't apply to the mobile menu item width ( https://prnt.sc/16w9c9h )
I increase the width value but not work.
Hi there,
can you share a link to the site so we can take a look at the issue
Dear David,
Please find the link from private information.
Thats odd... its inheriting padding that it shouldn't
Try adding this CSS to stop that
#generate-slideout-menu .inside-navigation.grid-container {
padding: 0;
}