Tagged: ,

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • November 16, 2015 at 6:12 am #536294
    Jon

    Hi,

    following version9 of your demo homepage,
    i added a fullscreen video slider meant to be use as background and video is from youtube
    but there is black color space by the sides

    does the video need to be of certain size ?

    thank you

    November 16, 2015 at 10:07 am #536403
    Jon

    ok i saw the option to remove the black border

    hmm.. another question
    How to increase the font size in mobile only ?

    thanks

    November 16, 2015 at 3:46 pm #536551
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
body { font-size: 16px; }}

    Regards,
    Yigit

    November 16, 2015 at 6:42 pm #536786
    friendlier

    Hi…

    I’m having this problem too at

    http://morissetsports.com/en/whats-new/

    I’ve created a colour section with a video background at the top heading, but there’s not an option to remove the border.

    Thanks

    Simon

    November 18, 2015 at 5:34 am #537800
    Ismael

    Hi!

    You have this css code in the style.css file which creates border around the iframe:

    iframe, .easy-slider {
    border: solid 1px #cc3333;
    border-radius: 3px;
    padding: 5px;
}

    Regards,
    Ismael

    November 19, 2015 at 11:53 am #538891
    friendlier

    Hi Ismael and thanks for replying!

    Unfortunately, that doesn’t appear to be the cause; I’ve commented out that code, cleared the caches, reloaded in different browsers and the frame is still there.

    Best

    Simon

    November 23, 2015 at 9:11 am #540578
    Ismael

    Hey!

    Did you remove it completely? This is what happened when I removed the padding:

    Regards,
    Ismael

    November 23, 2015 at 11:09 am #540616
    Anonimo

    Hi! I have a similar problem with video background.

    I have a fullscreen video background in the home page (with the “Slideshow Full Screen”), but sometimes the video shows with black bars at top of at both sides.

    I need that video always shows fullscreen fit (similar to background-size: cover;) (no matter if video is cropped)

    • This reply was modified 8 years, 12 months ago by Anonimo.
    November 26, 2015 at 3:29 am #542820
    Ismael

    Hey!

    Edit the slide then set the Video Display to the second option. Please note that the video’s aspect ratio should be 16:9.

    Regards,
    Ismael

    November 26, 2015 at 2:51 pm #543155
    Anonimo

    Thanks! Now it´s ok, but sometimes top and bottom bars appears again (depends the size of the window)

    November 28, 2015 at 10:19 pm #544021
    friendlier

    Hi Ismael –

    Yes, indeed – it’s the iframe style that’s the one that needs changing. However, that affects other content on the home and other pages.

    I’ve tried creating a custom css class called whatsnewbg for that colour section but I can’t implement it. Can you please help?

    Thanks

    Simon

    December 1, 2015 at 3:04 pm #545229
    Andy

    @friendlier
    You are using an old version of the theme, so please upgrade to Enfold 3.4.3 and let us know if you still need help afterwards.

    Regards,
    Andy

    December 7, 2015 at 5:25 pm #548142
    friendlier

    @Andy – thanks for the head’s up. I’ve updated the theme – yes, you’re right about the padding for iframe .easyslider but I need this css for another slider. So how do I implement that custom class?

    thanks for your help on this!

    December 8, 2015 at 7:24 am #548549
    Rikard

    Hi,

    Try the following to be able to assign classes to all ALB elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Rikard

    December 10, 2015 at 4:16 pm #550496
    friendlier

    Hi Rikard,

    Yes – I’d already done that – see up;

    I’ve tried creating a custom css class called whatsnewbg for that colour section but I can’t implement it. Can you please help?

    best,

    Simon

    December 13, 2015 at 3:10 am #551542
    Ismael

    Hi!

    Please replace the css code with this:

    .whatsnewbg iframe, .whatsnewbg .easy-slider {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

    Cheers!
    Ismael

    January 18, 2016 at 10:14 pm #567418
    Jacob53

    Having the same problem of black on both sides of my video playing in the fullscreen slider. You suggested “set the Video Display to the second option”. I’m sorry, but I can’t find that Video Display menu. Can you point me towards it.

    Thank you.

    Jacob

    Sorry, just solved the problem. Please disregard. Thank you.

    January 19, 2016 at 7:21 am #567661
    Rikard

    Hi,

    Great, glad you got it fixed. Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

    January 19, 2016 at 1:20 pm #567812
    friendlier

    Hi!

    Your CSS fixed it for me too:-

    http://morissetsports.com/quoi-de-neuf/

    thanks!

    January 19, 2016 at 4:00 pm #567885
    Yigit

    Hey!

    Great Rikard could help!
    We will keep the thread open to hear from the OP. If you have any other questions or issues, please feel free to start a new thread :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.