Archived topic

Elementor Theme Style overwrites Generatepress Theme Settings

5 replies · Started by stheobald on April 10, 2020

Viewing posts 1–6 of 6

April 10, 2020 at 7:27 am #1233871

Hi all,

Since my last project I use Elementor Theme Style.
I create and style the Navigation/Header always with GP. Content and Footer is created with elementor.

I set the buttons styles in Elementor for all buttons on the site. Problem is: The mobile Menu button (hamburger) now looks like all the other buttons and not how I want it (GP default settings).

Looks like the Elementor Styles overrides the GP Styles

Is there a solution for this? I dont want to add custom css code for every new project. Next point is: I found this style override, but probably there are some others.

April 10, 2020 at 9:22 am #1234180

Hi there,

Doesn't look like there is a solution for this unless Elementor lets you choose which element from GP not to override.

April 10, 2020 at 9:49 am #1234234

Hi Leo,

thanks for your quick response. Do you have a idea for a easy solution for this?

April 10, 2020 at 10:13 am #1234257

Try adding this CSS:

button.menu-toggle,
button.slideout-exit {
    background-color: transparent !important;
    border-radius: 0 !important;
}

April 10, 2020 at 11:04 am #1234326

Thanks David!

I added 3 lines to your CSS. Now it works perfectly:

button.menu-toggle,
button.slideout-exit {
   background-color: transparent !important;
   border-radius: 0 !important;
   color: #3f6a2b !important;
   font-weight: 500 !important;
   letter-spacing: initial !important;
}

April 10, 2020 at 1:42 pm #1234472

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.