Overflow setting for a div not working

  • Unknown's avatar
    aeuster695692161 · Member ·

    I set the div overflow to auto for some images. I’m supposed to get the images at full resolution with a scrollbar inside of the div, but it only shrinks (default setting, clearly). I was able to run the code in NetBeans as a test project and it ran fine — I got the scrollbar. In WordPress, there is apparently an override somewhere. I’d like to know where it is.

  • jordesign · Staff ·

    Hi @aeuster695692161,
    if you could please share a link to the page in question – I’d love to take a look and see if I can figure it out?

    Thanks Heaps,
    Jordan

  • Unknown's avatar
    aeuster695692161 · Member ·

    The site is not up yet. I’m working on it locally before I go live. Is there an alternative here? I should point out again that the code worked fine in NetBeans as a basic html / css / JavaScript / jQuery project. There is something in WordPress that is preventing overflow (even when I add important! to the css). Maybe somewhere in the php. I suspect there’s an override in my theme “Twenty Sixteen.”

    Could you could suggest an alternative way of getting the full resolution images with scrollbars inside the div without using overflow?

  • Unknown's avatar
    nickkelker · Member ·

    I studied programming so I can help for free if you want of course. It’s even interesting to me to remember what I once taught. Just at this stage of my life, I realized that I was more inspired by the writing of essays, my muse found me. Of course, I spent a lot of time and energy for this, but what a result. I am happy now, and I am glad that already find it… I hope you will find your muse too.

  • Unknown's avatar
    vvaibhavwagh · Member ·

    Hi aeuster695692161,

    If in case you have a custom CSS code written and if you think it’s getting overridden, can you include if not ‘!important’ in your code.
    e.g.
    div.abc {
    overflow: auto !important;
    }

    If not, can you try it out and see if it works.
    Also make sure you read when to use !important.

    Thanks

  • Unknown's avatar
    aeuster695692161 · Member ·

    Thanks for the feedback, but as I indicated, I already tried !important and it did not work.

  • Unknown's avatar
    timethief · Member ·

    The site is not up yet. I’m working on it locally before I go live.

    Unfortunately, you are posting to the wrong support forum. We provide support only for wordpress.COM hosted sites on our servers.

    Our support docs do not apply to
    (1) local installs of WordPress.ORG software on your own server or
    (2) WordPress.ORG software installs on paid hosting, and we do not provide support for them at WordPress.COM.
    (3) Jetpack support https://jetpack.me/support/ for sites linked to WordPress.COM accounts with the Jetpack plugin so they display on the My Sites WordPress.com account page.

    WordPress.COM and WordPress.ORG are completely separate and you can read the differences here http://en.support.wordpress.com/com-vs-org/

    For hosting issues contact your web host. For software issues post to the WordPress.ORG support forums.

    The wordpress.ORG support forum is at http://wordpress.org/support.
    The wordpress.ORG login link is here https://login.wordpress.org/
    If you do not have an account yet then click Create an account https://login.wordpress.org/register/ and if you have lost an account password click Lost password? https://login.wordpress.org/lostpassword/
    WordPress.org support docs are at https://codex.wordpress.org/Main_Page
    See also https://apps.wordpress.org/support/ for app support.

  • Unknown's avatar
    timethief · Member ·

    In the unlikely event that you are referring to a site hosted by WordPress.COM and have failed to provide the URL as requested above, please understand that it is required in order to provide accurate answers to any questions posed.

  • The topic ‘Overflow setting for a div not working’ is closed to new replies.