- This topic has 11 replies, 3 voices, and was last updated 4 months, 3 weeks ago by
David.
-
AuthorPosts
-
October 14, 2020 at 3:04 pm #1489312
Matthias
Hi there!
I am working with elementor on nested “read more sections”. So, if you click on a button, the next section is toggled down and will be shown. For this effect I gave each section an unique id in the custom css panel of elementor. I also added the css display:none; as initial value. However this css will be overwritten on the frontend view by the stylemin.css or all.min.css depending on your GP css setting. Normally the in elementor inserted css shall be ruling.
I already contacted the elementor support, but they told me that this is a theme issue. I have heard that the issue might be due to the enqueue sequence of the different css files.
Best regards
October 14, 2020 at 8:47 pm #1489566Leo
StaffCustomer SupportHi there,
Sorry what CSS are you referring to?
Which element should I be inspecting?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 4:03 am #1490054Matthias
Hi Leo!
The css I am referring to is inserted into the custom css panel of elementor.
The section’s IDs are #level1 and #level2. In the elementor editor these sections are not displayed because there the css code works.
Once published the css is overwritten by the theme, I guess.
October 15, 2020 at 4:09 am #1490059David
StaffCustomer SupportHi there,
can you share the CSS that you have added to the Site in the Elementor CSS panel?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 4:49 am #1490129Matthias
Sure!
Here you go:
#level1 { display:none; }
#level2 { display:none; }
October 15, 2020 at 4:55 am #1490133David
StaffCustomer SupportIn your Elementor Custom CSS is see this:
/* Start custom CSS for section, class: .elementor-element-6c4341d */ .elementor-19633 .elementor-element.elementor-element-6c4341d { height: 300px; ] /* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-b262d0d */ #level1 { display: none; } /* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-8390e0b */ #level2 { display: none; } /* End custom CSS */
The first CSS property is broken – it has a
]
instead of a}
CSS after a broken rule will not work.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 5:11 am #1490150Matthias
Thank you so much, David! You made my day 🙂 Do you see that lovely smile on my face?!
The wrong css was inserted into a deactivated section. I did not investigate this section :-/
Anyway, it seems that I need glasses or a bigger font size.
Thanks a lot!
October 15, 2020 at 5:17 am #1490155David
StaffCustomer SupportNo problems. Glad to be of help
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2020 at 8:56 am #1492201Matthias
David, one more question to avoid such support requests… How did you get this specific elementor custom css output? Do you have to look into each css file and especially look for it or is there any certain location where I can find this summary?
Best regards!
October 16, 2020 at 9:04 am #1492219David
StaffCustomer SupportElementor inlines the CSS in the <head> of the site.
I found it by searching the Source in Developers Tools for your #ids which pointed me to the inline styles.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2020 at 9:26 am #1492247Matthias
Got it! Thank you very much!
October 16, 2020 at 9:43 am #1492278David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.