video on home page, column 2

Discussion in 'Nutrition WordPress Theme' started by waynew, Oct 27, 2013.

  1. waynew

    waynew Member

    Joined:
    Aug 1, 2013
    Messages:
    33
    Likes Received:
    0
    Hello, how do increaswe the size of the video frame on the front page?
    I think its 2 column right hand side.
    Every video i embed from Youtube doesnt fit in there.
    Do i have to resize the frame for each different video i embed? If so, what a pain.

    Thanks
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Make width and height of the video at 100% which you can adjust in the iframe code of the video.

    Also sending you a coed for a reference

    Code:
    <iframe width="100%" height="100%" src="//www.youtube.com/embed/HJjmCRuLQj0" frameborder="0" allowfullscreen></iframe>
    This will solve your problem.
     
  3. waynew

    waynew Member

    Joined:
    Aug 1, 2013
    Messages:
    33
    Likes Received:
    0
    thanks. what do i do with that code?
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Iframe code provide above is just for example that shows the width and height 100%.
    Make width and height 100% in your iframe code, This will solve your issue.
     
  5. waynew

    waynew Member

    Joined:
    Aug 1, 2013
    Messages:
    33
    Likes Received:
    0
    got it. thanks
    how do we increase the size of the frame itself?
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .index_feature .side_widgits_wrapper .side_widgits{
    margin-left:0;
    }
     
  7. waynew

    waynew Member

    Joined:
    Aug 1, 2013
    Messages:
    33
    Likes Received:
    0
    thanks but that didnt change it.
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .col3 {
    width: 390px;
    margin-right: 0px;
    }
    .index_feature .side_widgits_wrapper .side_widgits {
    margin-left: 0px;
    }
    This will solve your issue.
     
  9. waynew

    waynew Member

    Joined:
    Aug 1, 2013
    Messages:
    33
    Likes Received:
    0
    sorry, that doesnt work either.
    that just stretches it sideways but not vertically so it looks wrong.
     

    Attached Files:

  10. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Do let us know your website link.
     
  11. waynew

    waynew Member

    Joined:
    Aug 1, 2013
    Messages:
    33
    Likes Received:
    0
  12. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    hello,

    Please provide the following information listed below.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
    We will check your issue and solve it.
     
  13. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Support mail sent.
     

Share This Page