Show Googe Spreadsheet in WordPress (4 posts)

  1. slowmovingtrain
    Posted 1 year ago #

    We have the following test sheet that we are trying to show in WordPress. Here is a video explaining the issue we are having followed by some links to the actual problem . Assistance is greatly appreciated.

    Original Sheet

    WordPress Page

    What can I do to more closely match the original? Notice that the rows are very wide which seems to happen on every place that has a link.

    Assistance is greatly appreciated.

  2. RossMitchell
    Posted 1 year ago #

    It would be helpful if you also included a link to your actual wordpress page.
    I have taken the liberty of reading your page name off your demmo.

    Install firebug, it lets you examine how your css is working.
    Use it to identify the class of the div that google enclose their spreadsheet display.
    You are using a child theme ? If not set it up now.
    Then in your style.css file add a css rule which sets the overflow on links (a elements) to hidden:

    #sheets-viewport .grid-container td a {
     overflow: hidden;

    Now this theory is impeccible, and does not work,
    BUT this heavy handed approach:

    #sheets-viewport .grid-container td a {

    Does fix the over high lines, so the task is now to get the style right.

    And thankyou for showing me that I can view google docs as wordpress content, excellent.

  3. RossMitchell
    Posted 1 year ago #

    Appologies, you did have the link to the page, but when you click on it, it is the same as the one above! And toomuch time has elapsed, so i can't edit my reply above.

    Maybe the solution is:

  4. RossMitchell
    Posted 1 year ago #

    It is probably worth reporting this to google as a bug.

Topic Closed

This topic has been closed to new replies.

About this Topic