Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 27, 2015 at 4:10 am #478870
    endoradigital

    I have added a YouTube video to our slider and it’s the last slide. I’d like the video to load at the YouTube size (as the video is pixelated) and not be stretched to full she slider. I don’t see any setting where I can do this. What am I missing?

    July 28, 2015 at 5:32 am #479420
    Rikard

    Hi endoradigital!

    Sorry for the late reply, you can try the following CSS:

    .postid-4208 li.slide-8 {
    width: 55% !important;
    height: 50% !important;
    left: 15% !important;
}

    I think you will have to experiment a bit with the values to get a good look.

    Regards,
    Rikard

    July 28, 2015 at 3:50 pm #479770
    endoradigital

    Thank you for your reply. Is there a way to define the css so that it applies to all the portfolio pages. I don’t want to have to add css every time someone adds a new portfolio page or slide that needs adjustment.

    Also now there is a lot of space below the video. It would be great if the caption could stay below the video as well. Sorry I know asking for the moon.

    • This reply was modified 9 years, 4 months ago by endoradigital.
    July 29, 2015 at 9:08 am #480072
    Ismael

    Hi!

    You can try this:

    .av-video-slide {
  width: 55% !important;
  height: 55% !important;
  left: 20% !important;
  top: 20% !important;
}

    The top property will center align the video vertically.

    Best regards,
    Ismael

    July 29, 2015 at 3:43 pm #480301
    endoradigital

    That looks a lot better now the only problem is it’s cutting off a little bit on the video and it’s pushing the navigation buttons way down.

    July 30, 2015 at 1:44 pm #480675
    Ismael

    Hi!

    Did you try to adjust the height and width property?

    Cheers!
    Ismael

    July 30, 2015 at 9:29 pm #480965
    endoradigital

    I have the video appearing nicely; however, it’s the spacing it’s adding before and after the video and how far down the navigational buttons are. I can’t seem to pinpoint what is causing that and how to fix it.

    July 30, 2015 at 11:53 pm #481003
    Basilis

    Hi!

    Everything is possible, but that would need a lot of work to be done.

    You can contact one of our Customization Contractors, who will help you out with the process.
    http://kriesi.at/contact/customization

    Let us know if we could do anything else, regarding our theme

    Cheers!
    Basilis

    July 31, 2015 at 12:24 am #481009
    endoradigital

    But I thought you could have video in the portfolios without any custom programming. If that is true what have we done wrong. Is our video the wrong size for that not to work?

    August 3, 2015 at 4:49 am #481853
    Rikard

    HI,

    Sorry for the late reply. You’re right, you are able to have videos in the slider, but they default at 100% or the slider size so having a smaller size will require some customisation. I had a look at your site again and I can see the video in the slide and it looks pretty good but it needs some tweaking. Please try the following CSS instead:

    .postid-4208 li.slide-8 {
    width: 65% !important;
    max-height: 45% !important;
    left: 25% !important;
    top: 17% !important;
}
    #top .av-video-slide {
    height: 170% !important;
    overflow: visible !important;
}

    Thanks,

    Rikard

    August 4, 2015 at 4:15 pm #482788
    endoradigital

    That did not seem to improve things either.

    August 5, 2015 at 3:59 pm #483433
    endoradigital

    On the last two slides I was able to get it to look better by adding the following code. It’s just frustrating how it looks based on the users window size.

    Do you have any suggestions on how this could look better?

    ul.avia-slideshow-inner {
    max-height: 599px !important;
    }

    The site has since gone live and I’ve provided a new url.

    Thank you.

    August 7, 2015 at 7:31 am #484306
    Ismael

    Hey!

    Please use css media queries to adjust the height on different screen sizes: Example:

    /* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
ul.avia-slideshow-inner {
    max-height: 300px !important;
}}

    Refer to this link for more info: https://css-tricks.com/css-media-queries/

    Best regards,
    Ismael

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