Styling an embedded spreadsheet

  • Resolved cwgservices

    (@cwgservices)


    10 years, 7 months ago

    Hello. I have a wordpress page where I have embedded a google spreadsheet, and it is mostly working… but:

    All the urls are causing multiple line cells in the result and they look terrible
    It seems that an inline stylesheet is overriding any style changes I try to make, such as:
    .ritz .waffle .s11{white-space:nowrap!important;}

    Is there a preferred method for styling the embedded sheet? I’m putting css in the child theme for it; is that the best way?

    The page is here:
    https://productforums.google.com/forum/#!msg/docs/XGx93HKP7Mw/RuB3DeYFgwQJ

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Try

    #sheets-viewport td.s11 {
  white-space: nowrap;
}

    and try it with !important if it doesn’t work first.

    Thread Starter cwgservices

    (@cwgservices)

    Thanks Jose, but that did not work either. On another forum someone suggested I try a plugin, https://tidyrepo.com/google-doc-embedder/, since it apparently has styling options. I’m going to give that a shot, will reply here with the result of the experiment.

    Thread Starter cwgservices

    (@cwgservices)

    Update…turns out that plugin is only for non-google-drive docs. go figure.

    Thread Starter cwgservices

    (@cwgservices)

    Solved this.

    Turns out you can’t apply styles to embedded content from another domain.

    For my specific issue, I set ‘nowrap’ on the sheet that is being embedded, and that took care of my problem.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling an embedded spreadsheet’ is closed to new replies.