Videos placement in Ubud theme in posts

• 

  bonne88 · Member · Feb 23, 2016 at 9:33 am

  • Copy link
  • Add topic to favorites

  Hi!
  We are using Ubud theme and in our posts we would like videos to appear the same as images and galleries (see examples).

  When we place an image or a gallery after the intro text (ex. William & Co…it’s just…), (ex. Say Cheese…say Arla…) they appear underneath the post tags (maybe due to a padding, margin etc) and we like that area of white.
  But if we place a video it appears differently next to the header (Handles with care…) and the white area disappears.

  We were told by the happy engineers to ask you guys for help as they think CSS coding is the solution.
  The Ubud theme is a responsive theme and CSS coding for that is a bit too tough for me… ;-)

  Are you able to help us ?

  Thanks in advance…

  Example pages mentioned above (from our website):
  post with image: http://bonnelycke.com/2014/11/07/william-co/
  post with gallery: http://bonnelycke.com/2015/10/24/say-cheese/
  post with video: http://bonnelycke.com/2014/08/20/handles-with-care/

  The blog I need help with is: (visible only to logged in users)

• 

  madeincosmos · Member · Feb 23, 2016 at 6:38 pm

  • Copy link

  Hi,

  The following code should resolve your problem. It works with video content embeded from any of the video services supported on WordPress.com.

  .embed-animoto,
  .embed-aol-on,
  .embed-archiveorg-video,
  .embed-blip,
  .embed-dailymotion,
  .embed-educreations,
  .embed-hulu,
  .embed-ted,
  .embed-vimeo,
  .embed-vine,
  .embed-wistiainc,
  .embed-youtube,
  iframe {
      clear: both;
  }

• 

  bonne88 · Member · Feb 24, 2016 at 7:26 am

  • Copy link

  Hi,
  It worked ! Thank you very much! ;-)

• 

  bonne88 · Member · Feb 24, 2016 at 7:52 am

  • Copy link

  Hi,

  Sorry to bother you again…

  Do you also have an idea how to make the images, galleries and videos appear next to the single post headers, categories and tags so the space (line height?) between the single post text and the images, galleries and videos would not be so large ?

  Thanks in advance…

• 

  thesacredpath · Member · Feb 24, 2016 at 6:08 pm

  • Copy link

  Hmmm, that is interesting. Add the following to the bottom of your custom CSS.

  .aligncenter {
      clear: none;
  }

• 

  bonne88 · Member · Feb 25, 2016 at 12:21 pm

  • Copy link

  Thnaks … it works perfect with images and videos but it does not work with galleries… any ideas on why?

• 

  thesacredpath · Member · Feb 25, 2016 at 10:02 pm

  • Copy link

  Ah, missed the Galleries. They are going to take a bit of additional CSS since they have their own CSS class. Add this.

  .entry-content .tiled-gallery {
      clear: left;
  }

• 

  bonne88 · Member · Feb 26, 2016 at 8:02 am

  • Copy link

  Works perfect! ;-)
  Thank you so much for your help!

  Best, Stine

• 

  thesacredpath · Member · Feb 26, 2016 at 8:22 am

  • Copy link

  Awesome, and you are welcome.