override overflow:hidden on css

i want a specific div to not have overflow:hidden, is there anyway i can override the below to get that done

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre { display: block; overflow:hidden; position:relative; }
LVL 1
mugsincAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Ishaan RawatConnect With a Mentor Designer | Developer | ProgrammerCommented:
just add---

overflow: auto !important;

Open in new window


to the element or tag or class you want to override the styles for....

like you want to override the style of div then...

div{ overflow: auto !important;}

Open in new window

0
 
mugsincAuthor Commented:
tried that, did not work. i am working with HTML5
0
 
PagodNaUtakCommented:
Hi mugsinc,

What value of overflow you want to replace overflow:hidden with?

As suggested above, you only need to add !important in the css.

div{ overflow: newValueForOverflow !important;}
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
mugsincAuthor Commented:
there is a child div which i want the

#childdiv{
"overflow:visible"
}

 to be added. but it does not work
0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
Try this...

overflow: visible !important;

Open in new window

0
 
mugsincAuthor Commented:
tried it, didnt not work
0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
First try this and then tell..

#childdiv{
    overflow: visible !important;
}

Open in new window


You have not added the !important ...
0
 
mugsincAuthor Commented:
tried that too, didnt not work.

also tried

div #childdiv{
    overflow: visible !important;
}
0
 
Julian HansenCommented:
Poor IshaanRawat is trying to solve this with a blind fold on

Post your code or a link - you are wasting time with "that did not work".
0
 
mugsincAuthor Commented:
#childdiv div{
    overflow: visible !important;
}

This worked
0
 
Julian HansenCommented:
This implies the div you want to style is a child of #childdive - an important fact that was ommitted from your question.
0
 
COBOLdinosaurCommented:
This whole thin could have been solved in 30 seconds if you had posted a link instead of playing games.  From your profile I see you have a number of B and C grades.  You might get better results if you learn how to use help sites.

Cd&
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
In addition to adding !important, make sure this bit of css is on the bottom of the last style sheet or under all the style sheets add
<style>
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre { display: block; overflow:hidden; position:relative!important; }
</style>

Open in new window

The last style has presidence
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.