• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 519
  • Last Modified:

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; }
0
mugsinc
Asked:
mugsinc
  • 5
  • 3
  • 2
  • +3
1 Solution
 
Ishaan RawatDesigner | 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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
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.

Join & Write a Comment

Featured Post

Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

  • 5
  • 3
  • 2
  • +3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now