Hi, I am using the page builder plugin with customizr theme and my unordered lists have this hover effect and a white line under each item. I first thought it was my theme, but then after a few tweaks I realized the the Page Builder is causing these styles on the list. How can I remove the hover effect and the line under each item?
I found the CSS to style other aspects of it, but I can’t find where to remove that from my list. I just want it to be plain text.
I can’t provide the url because I am working locally.
Thanks in advance!
Hi Carolina
Thanks for reaching out.
If the list is being added in a Visual Text or Text widget then it’s unlikely Page Builder is targeting and adding styles. We do our best to leave as much styling as possible up to the theme. If you can confirm which widget you’re using I’ll do a bit of local testing and check what’s going on in Customizr.
Thanks for replying Andrew! I am using the text widget, I also tried using the visual editor one and they both add the styles to the simple unordered list. When I use this list into the Builder it creates that styling cited above. I tested adding that to another page without using the builder and it behaves like it should without any styling.
Thanks for your help!
Customizer expected widgets to be only used in it’s own widget areas, it has styling with this in mind. It’s a good point of feedback if you’d like to drop nikeo the author a message.
If the theme has a Custom CSS area you can insert the following there:
/* Page Builder Widgets */ #main-wrapper .panel-grid-cell .widget li { line-height: normal; border-bottom: none; position: relative; } #main-wrapper .panel-grid-cell .widget li:hover { background-color: initial; } #main-wrapper .panel-grid-cell .widget li:after { content: none; }If not, got Plugins > Add New > Search for SiteOrigin CSS and install it. Then go to Appearance > Custom CSS and insert the above.
Hope that helps :)
Yay! It works perfectly! Thanks so much for your help!
For sure :) Glad that did the trick.