Home>Support>Need help removing Scrollbars

Need help removing Scrollbars

By nrl009, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I am using a plugin called Google Drive Embedder that embeds Google drive files and folder lists into pages using shortcodes. The plugin works great but I need to remove the vertical and horizontal scrollbars around the embedded area.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 days ago Andrew Misplon
    Hi, I Work Here

    Hi Nrl009

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 9 years, 8 days ago Private Message - nrl009

    This is a private message.

  3. 9 years, 8 days ago nrl009

    This may help… I am using Chrome and If I highlight the frame with the scrollbars and “inspect” element (code below) and in the first line change ” style=”overflow: scroll;” to “style=”overflow: hidden;” the scrollbars go away. The problem I am having is with coming up with the correct syntax to do this globally in the Custom CSS.

    Thanks!

    Order ProcessingTitle.Quotation and Order Processing ~ P004E

  4. 9 years, 7 days ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  5. 9 years, 7 days ago Private Message - nrl009

    This is a private message.

  6. 9 years, 7 days ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  7. 9 years, 7 days ago nrl009

    Good idea, yes I can but it won't be until the morning. I'll let you know once you're added.

  8. 9 years, 7 days ago Andrew Misplon
    Hi, I Work Here

    Super, thanks. If there are hassles with that you could also just try creating a regular account via Users > Add New and then delete once we’re done.

    Chat tomorrow :)

  9. 9 years, 7 days ago Private Message - nrl009

    This is a private message.

  10. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Hey nrl009 :) Thanks, I’m in. We’ve worked lots of threads in the past so you know we do our best to help out wherever we can. This site isn’t running Vantage or another of our themes and this plugin isn’t being displayed from Page Builder. Would the plugin developer not be in the best position to assist? Or did I miss a beat somewhere? Thanks :) Let me know.

  11. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Ahh sorry, it’s late. I see it’s Vantage. Yew, running through the source code just a little too quickly. Taking another look now :)

  12. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    So strange. In OS X Chrome I don’t get any scroll bars. In OS X Firefox and Safari the calendar doesn’t display at all. But being an internal site you can mandate a browser.

  13. 9 years, 6 days ago nrl009

    Try this page… do you see scrollbars there?

    http://intranet.accuratemetalfl.com/documents/

  14. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Same result in Windows 7 Chrome, no scroll bars. Any ideas? Thanks :)

  15. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Sorry, didn’t refresh thread. Sure, checking that page now.

  16. 9 years, 6 days ago nrl009

    I’m using Windows 7 Chrome

  17. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    I need to authorise Google Drive to see that frame. My last details aren’t working.

  18. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    scrolling=”no” seems to be the way forward:

    http://stackoverflow.com/questions/16041643/remove-scroll-bar-from-iframe

    Not sure you can do that with this plugin.

  19. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Any chance you could open a thread with the plugin author? If you were inserting these manually then we could manipulate the tags in the iFrame.

  20. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Another possible thread if inserting manually:

    https://productforums.google.com/forum/#!topic/sites/OHX9-HAit4o

  21. 9 years, 6 days ago nrl009

    In Chrome if I highlight the frame with the scrollbars and “inspect” element and in the first line change ” style=”overflow: scroll;” to “style=”overflow: hidden;” the scrollbars go away. The problem I am having is with coming up with the correct syntax to do this globally in the Custom CSS.

  22. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    I can do that, le moment.

  23. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Can you please paste the CSS rule here that you’re seeing that overflow property in. Thanks.

  24. 9 years, 6 days ago nrl009

    DocumentsTitle1. Quality Manual2. Procedures, QMS3. Controlled Reference4. Instructions5. Forms, Lists & Templates.Control of Documents ~ P001E.Control of Records ~ P002BExternal Documents List ~ CR052

  25. 9 years, 6 days ago nrl009

    sorry, that’s incorrect

  26. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Did you paste into drive and post the link? Could you perhaps just post here directly, the CSS rule itself? Drive links not working for me. Thanks.

  27. 9 years, 6 days ago nrl009

    Try this….

    DocumentsTitle1. Quality Manual2. Procedures, QMS3. Controlled Reference4. Instructions5. Forms, Lists & Templates.Control of Documents ~ P001E.Control of Records ~ P002BExternal Documents List ~ CR052

  28. 9 years, 6 days ago nrl009

    DocumentsTitle

  29. 9 years, 6 days ago nrl009

    This isn’t working. I’ll try emailing it to you

  30. 9 years, 6 days ago nrl009

    Try this… This is from inspect element in Chrome. If I change style="overflow: *scroll* to style="overflow: *hidden* the scrollbars go away.

    <div class="gdm-ent-folder" data-gdm-base-title="Documents"
    data-gdm-breadcrumbs="1" *style="overflow: scroll*; "
    data-gdm-subfolders="1" data-gdm-attachmentstitle="0"
    data-gdm-nonce="573a2877f7" data-gdm-showupload="0" data-gdm-preview="both"
    data-gdm-columns="title" data-gdm-sort="title" data-gdm-perms-view="drive"
    data-gdm-perms-upload="drive"
    data-gdm-id="0B0fj62feucYNfnFPalNReGI5QW03SGdTallsR0hRRVRqQ3UwYmVJTXh6WFl2Q192dGNTSjQ"
    gdm-folder-currentid="0B0fj62feucYNfnFPalNReGI5QW03SGdTallsR0hRRVRqQ3UwYmVJTXh6WFl2Q192dGNTSjQ"
    data-gdm-init="1"><ul class="gdm-folder-breadcrumbs"><li><a href="
    https://drive.google.com/drive/?id=0B0fj62feucYNfnFPalNReGI5QW03SGdTallsR0hRRVRqQ3UwYmVJTXh6WFl2Q192dGNTSjQ">Documents</a></li></ul><div class="gdm-folder-filelist"><table class="gdm-folders-table"><thead><tr><th class="header headerSortDown">Title</th></tr></thead><tbody><tr><td class="gdm-isfolder"><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png&quot;
    class="gdm-file-icon"><a href="
    https://docs.google.com/a/accuratemetalfl.com/folderview?id=0B0fj62feucYNfjB5SV9pdE1iWmVqUFJtZlNyUW1lNThtTThKVXZ3MnhxU2dnbmpNdVJBT1U&usp=drivesdk&quot;
    target="_blank">1. Quality Manual</a></td></tr><tr><td class="gdm-isfolder"><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png&quot;
    class="gdm-file-icon"><a href="
    https://docs.google.com/a/accuratemetalfl.com/folderview?id=0B0fj62feucYNflZXbmZ1cm1FUzR5R0FCaGlaNkJkbmZtMjhwTUpVWUJIWENyTDBHeWp3RVU&usp=drivesdk&quot;
    target="_blank">2. Procedures, QMS</a></td></tr><tr><td class="gdm-isfolder"><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png&quot;
    class="gdm-file-icon"><a href="
    https://docs.google.com/a/accuratemetalfl.com/folderview?id=0B0fj62feucYNfnU5bnRNOWY4dVZjZkQ4eFA0b20xMzlCRk5adlpqNXpRc1haa3BUWnFHSmc&usp=drivesdk&quot;
    target="_blank">3. Controlled Reference</a></td></tr><tr><td class="gdm-isfolder"><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png&quot;
    class="gdm-file-icon"><a href="
    https://docs.google.com/a/accuratemetalfl.com/folderview?id=0B0fj62feucYNflZQN0F2Zzd5OUZfVm5IMkJobzNOY25oeVpoSjdtSmNtbXNFT3EwNVU2TDQ&usp=drivesdk&quot;
    target="_blank">4. Instructions</a></td></tr><tr><td class="gdm-isfolder"><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png&quot;
    class="gdm-file-icon"><a href="
    https://docs.google.com/a/accuratemetalfl.com/folderview?id=0B0fj62feucYNfklaekRwUTJ3Ym1EbEdDaWpQbmdPTExTV2JlaHRjTVhLT3EwZWVENE5td2M&usp=drivesdk&quot;
    target="_blank">5. Forms, Lists & Templates</a></td></tr><tr><td><img src="https://ssl.gstatic.com/docs/doclist/images/icon_11_document_list.png&quot;
    class="gdm-file-icon"><a href="
    http://intranet.accuratemetalfl.com/wp-admin/admin-ajax.php?action=gdm_cb_content&embed=https%3A%2F%2Fdocs.google.com%2Fa%2Faccuratemetalfl.com%2Fdocument%2Fd%2F10Q9jIAbqkhucFx_fTvT03a8usS4xs3CQTuC7rn06n3Y%2Fpreview&quot;
    data_gdm_downloadurl="" data_gdm_viewerurl="
    https://docs.google.com/a/accuratemetalfl.com/document/d/10Q9jIAbqkhucFx_fTvT03a8usS4xs3CQTuC7rn06n3Y/edit?usp=drivesdk&quot;
    data_gdm_title=".Control of Documents ~ P001E" class="gdm-previewlink cboxElement">.Control of Documents ~ P001E</a></td></tr><tr><td><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_document_list.png&quot;
    class="gdm-file-icon"><a href="
    http://intranet.accuratemetalfl.com/wp-admin/admin-ajax.php?action=gdm_cb_content&embed=https%3A%2F%2Fdocs.google.com%2Fa%2Faccuratemetalfl.com%2Fdocument%2Fd%2F1QgTHGdoW31sIm3V8Q57agaNRqMUt-qdBvyM2VNjE_54%2Fpreview&quot;
    data_gdm_downloadurl="" data_gdm_viewerurl="
    https://docs.google.com/a/accuratemetalfl.com/document/d/1QgTHGdoW31sIm3V8Q57agaNRqMUt-qdBvyM2VNjE_54/edit?usp=drivesdk&quot;
    data_gdm_title=".Control of Records ~ P002B" class="gdm-previewlink cboxElement">.Control of Records ~ P002B</a></td></tr><tr><td><img src="
    https://ssl.gstatic.com/docs/doclist/images/icon_11_spreadsheet_list.png&quot;
    class="gdm-file-icon"><a href="
    http://intranet.accuratemetalfl.com/wp-admin/admin-ajax.php?action=gdm_cb_content&embed=https%3A%2F%2Fdocs.google.com%2Fa%2Faccuratemetalfl.com%2Fspreadsheets%2Fd%2F1l8JVS-ywwZvXaGrqkFZbXP09JjVHUfM5Vcf20GscE2M%2Fhtmlembed&quot;
    data_gdm_downloadurl="" data_gdm_viewerurl="
    https://docs.google.com/a/accuratemetalfl.com/spreadsheets/d/1l8JVS-ywwZvXaGrqkFZbXP09JjVHUfM5Vcf20GscE2M/edit?usp=drivesdk&quot;
    data_gdm_title="External Documents List ~ CR052" class="gdm-previewlink cboxElement">External Documents List ~
    CR052</a></td></tr></tbody></table></div></div>

  31. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here
    .gdm-ent-folder[style] {
	overflow: hidden !important;
}

    Ref: https://css-tricks.com/override-inline-styles-with-css/

  32. 9 years, 6 days ago nrl009

    That works! You are my hero!

  33. 9 years, 6 days ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Glad we could help.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More