Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 448
  • 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

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