This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Need help removing Scrollbars

Resolved 33 replies premiumthemetheme-vantage
nrl009
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

33
  1. Andrew Misplon Staff 10 years, 5 months ago

    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. nrl009 Private 10 years, 5 months ago

    This is a private message.

  3. nrl009 10 years, 5 months ago

    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. Andrew Misplon Private Staff 10 years, 5 months ago

    This is a private message.

  5. nrl009 Private 10 years, 5 months ago

    This is a private message.

  6. Andrew Misplon Private Staff 10 years, 5 months ago

    This is a private message.

  7. nrl009 10 years, 5 months ago

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

  8. Andrew Misplon Staff 10 years, 5 months ago

    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. nrl009 Private 10 years, 5 months ago

    This is a private message.

  10. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. nrl009 10 years, 5 months ago

    Try this page… do you see scrollbars there?

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

  14. Andrew Misplon Staff 10 years, 5 months ago

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

  15. Andrew Misplon Staff 10 years, 5 months ago

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

  16. nrl009 10 years, 5 months ago

    I’m using Windows 7 Chrome

  17. Andrew Misplon Staff 10 years, 5 months ago

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

  18. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    Another possible thread if inserting manually:

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

  21. nrl009 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    I can do that, le moment.

  23. Andrew Misplon Staff 10 years, 5 months ago

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

  24. nrl009 10 years, 5 months ago

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

  25. nrl009 10 years, 5 months ago

    sorry, that’s incorrect

  26. Andrew Misplon Staff 10 years, 5 months ago

    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. nrl009 10 years, 5 months ago

    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. nrl009 10 years, 5 months ago

    DocumentsTitle

  29. nrl009 10 years, 5 months ago

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

  30. nrl009 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago 
    .gdm-ent-folder[style] {
	overflow: hidden !important;
}

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

  32. nrl009 10 years, 5 months ago

    That works! You are my hero!

  33. Andrew Misplon Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread