Integration of Google Slides into Portfolio

#171 Integration of Google Slides into Portfolio

  • Author
  • #171



    I’d like to add some presentations I’ve done into my portfolio. When I try to paste the custom embed code from the Google Slides presentation into the custom code option when adding a new “slide”, nothing shows up. I would like to be able to have the controls at the bottom of the presentation so you can see what slide you’re on and be able to control it, just like if I was to integrate it into a page/post (which by the way works). Do you have any solutions for this? I have tried one plugin but it doesn’t work within the portfolio aspect. Please let me know.

    Thanks so much!



    It seems like it wasn’t working because I guess in preview it doesn’t show anything, but once I clicked update, it is showing the presentation. It is way too big though, even though I selected a smaller size in the embed option in Google Slides, it’s showing full-screen. Can you please help with that?


    IKON Support

    Can you please provide your URL so we can have a look?

    Here’s a general information regarding what media types you can have and where:

    • In Konzept theme you can have:
      • Any media on pages.
      • Any media in posts.
      • Portfolio slides support short text, images, HTML videos, YouTube videos and Vimeo videos. No other media (such as forms) are allowed because that would conflict with the slideshow’s drag and drop functionality or would require vertical scrollbar.
    • In Daisho theme (released a few weeks after Konzept) we considered feedback from Konzept and we made the portfolio page be vertically scrolled and thus it allows any media (including Google Slides). Some media that requires JavaScript requires that you enable page reloads for your projects.


    Thanks for your response! Any help would be much appreciated. I did make it work by using the custom code option I just want it to be smaller so may need to alter the code.


    IKON Support

    To restrict the width and height that it takes and to center it you could wrap your element in additional containers like:

    <div style="display: flex; justify-content: center; align-items: center;">
        <div style="width: 90%; height: 90%;"></div>


    <div style="position: aboslute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 90%; margin: auto;"></div>

  • You must be logged in to reply to this topic.