How to embed links inside of tables?

  • Hi all,

    I’m still pretty new to WP. I have embedded videos on my page that work fine, but now I’m wanting to put them in tables so I can have them side by side on the page.

    The basic WP table function accepts links that I paste in, but they won’t embed. I experimented by copying the embed HTML and pasting in as HTML and that works fine, so I’m a little confused as to why it won’t embed automatically. Am I doing something wrong?

    So, I need to know the quicker way to do embeds in tables, and also, I may as well ask while I’m here if this is the preferred way to have multiple embedded items side by side on a page. If there’s a better way, please let me know. (I’m using the ColorMag theme, FTR)

    Thanks for any help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • a2hostinglk

    (@a2hostinglk)

    Hi @spaceboy909
    Have you tried embedded your videos in a grid with simple HTML / CSS?

    a2hostinglk

    (@a2hostinglk)

    Here is one example for you:

    <style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>

    HTML:

    <div class="row">
  <div class="column" style="background-color:#aaa;">
    <p>Video 1 goes here</p>
  </div>
  <div class="column" style="background-color:#bbb;">
    <p>Video 2 goes here</p>
  </div>
</div>
<div class="row">
  <div class="column" style="background-color:#aaa;">
    <p>Video 3 goes here</p>
  </div>
  <div class="column" style="background-color:#bbb;">
    <p>Video 4 goes here</p>
  </div>
</div>
    Thread Starter spaceboy909

    (@spaceboy909)

    Thanks for the response, I will check into that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to embed links inside of tables?’ is closed to new replies.