Pretty new to this coding stuff so forgive the ignorance 🙂
I’m trying to remove some inline styling from this WordPress theme which I understand overwrites any external CSS files.
When I ‘inspect element’ I get the following, and changing hidden to visible on the right does work. But usually it would say like style.css:202 or whatever line of the CSS I need to change and that’s how I usually do it. This time though obviously it says element.style { and I can see that style="overflow: hidden; on the left hand side (highlighted).
http://i.imgur.com/qkKHsy0.jpg
How would I go about essentially making that overflow visible?
I’ve added the following custom css but it just crosses out the overflow and doesn’t change anything:
.slides_container[style] {overflow:visible !important;}
Thanks a lot!
For me
overflow:auto!importantandoverflow:visible!importantboth working nicely.See live here: http://jsfiddle.net/mayankcpdixit/h7JmT/
This is because there is a javascript which is adding these styles on document load. And I believe this is some kind of slider where usually the overflow is hidden. If you need a slider where overflow is visible, then select your desired slider and use it. Make sure you remove the present slider before doing so.
putting
will allow you to give preference over styles inheriting from other style sources. But will not stop a javascript changing the styles.
I believe this one below created by roXon will give you some idea of overflow : visible sliders
http://jsfiddle.net/roXon/tMxp5/1/