Jump to content

Archived

This topic is now archived and is closed to further replies.

AEP

Mediabox Youtube embed and photo alignment

Recommended Posts

AEP    2
AEP

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
greenfly    230
greenfly

try this - 

#mediaboxudc4vmb .fitvids { 
 margin-top:38px;
}
  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
AEP    2
AEP

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
greenfly    230
greenfly

No problem - glad that worked for you :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
AEP    2
AEP

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
greenfly    230
greenfly

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


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

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. 
 

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
    • triggerfish
      By triggerfish+
      Media Box not taking Google Maps input
      I have the EMBED MAP code from Google (which I have done 100''s of times before),
      I input it into the TEXTBOX or MEDIABOX SAVE it, and as soon as I refresh the page the text is gone (and of course there is no map).
      I have rebooted, refresh cache, everything with no luck..it just will not take the google maps input...it will however take and save a simple text input.
      I am using WordPress 4.5.1
      DMSVersion: 2.2.1.1
      The google code is:
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2602.466376170749!2d-123.11645494869879!3d49.286507879230314!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548671828dbf1c61%3A0x489cbb919c49d6e!2s325+Howe+St%2C+Vancouver%2C+BC+V6C+3N2!5e0!3m2!1sen!2sca!4v1461869255884" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
      The website and CONTACT PAGE ( the map is next to the CONTACT VALRI text, there is a textbox and media box there) are here:
      http://valufitness.com/contact-us/
      Your login is:
      http://valufitness.com/val-login/
      USer= ***
      pass= ****
       
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • Bleuy
      By Bleuy+
      Problem: Full Screen Revslider content runs off the screen on mobile devices (particularly calls to action buttons).  I've used the <br> to break up the text, however the call to action buttons run off the screen.  Therefore without making the fix too technical (and I can see some VERY technical resolutions on here) my client just wants to simple centre justify the text when being viewed on a mobile device.  
      Any ideas on how best to achieve this in a simple, non too technical way?
      Thanks very much in advance
       
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
×