• 0
Sign in to follow this  
Followers 0

DMS 2 Mediabox Youtube embed and photo alignment


Question

Posted · Report post

Website URL: http://test.macelectricco.com/
Framework Version: 2.0.4
WordPress Version:3.8.3
Plugins in Use: jetpack, google docs viewer, askimet, jellyfish counter...
Server/Host: godaddy
Screenshots: see attachment
Details: I can't seem to align media boxes with images of the same size:  photo on the right, photo on the left, and youtube video embed with custom resolution of the same size 400X267.  It looks unprofessional to have the images out of alignment.  How can this be fixed?  Please help.  Thanks!

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

try this - 

#mediaboxudc4vmb .fitvids { 
 margin-top:38px;
}
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Nice!  Thank you...it did the job.  Now I just need to get the left and right photos at the same resolution...waiting on my customer.  Thanks a million.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem - glad that worked for you :) 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Help... the Youtube video remains lower that the left and right media boxes.  Website URL: http://test.macelectricco.com/ My customer says it doesn't look professional...as it is misaligned.  The left and right photos are 600X350 and the Youtube embed is spec is 560X315; however, I'm not sure if WP or Pagelines is superseding w/ a different resolution...it appears so...I changed the Youtube embed to 600X350 and no change.  Any suggestions vs. #mediaboxudc4vmb .fitvids {  margin-top:38px;}?

 

Thank you!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you create a new topic for this please rather than add to an answered one and we will take a look 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

In fact - just remove the padding - set the padding to 0 - if you use the browser inspection tools and look at the code you added previously compared to now. 

 

#mediaboxudc4vmb .fitvids { 
 margin:0;
}

 
or simply just remove the code you added in Custom CSS last time. 
 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0