Forum Replies Created

Viewing 2 replies - 16 through 17 (of 17 total)
  • Thread Starter prodefu

    (@prodefu)

    Hi Tom,

    You’re welcome ??

    Thanks for pointing out where I can find the styling instruction for the slider, this helps a lot.

    For the flex-control-nav issue I found a neat trick: include a white space at the bottom of every image you use in the slider, the same height as the nav bar; this way the bar doesn’t ‘consume’ some space from the images.

    Finally, I added some CSS to do a little resizing of the nav bar for when the port view gets smaller, just to keep it a bit in perspective with the responsive (thus resized) slider images ;). I was a little surprized this didn’t come as standard feature…

    Regards,
    Gert-Jan

    Thread Starter prodefu

    (@prodefu)

    Hi Tom,

    I found the right place for the CSS changes to solve these issues, but I have to say that I find the multiple CSS files in different places a bit confusing. Especially because the slider CSS (public / metaslider / flexslider) overrides the CSS of the website.

    IMO it would be a huge improvement if you could build in a ‘custom CSS’ area which overrides all other CSS rules. This way it would be a lot easier to customize the colour of the page nav bullets without having to change the flexslider css itself. Suggested options / extra fields:
    – caption text alignment
    – color of active/inactive/hover paging bullet

    Another improvement (IMO) would be to give the ‘flex-control-nav’ (paging) it’s own space right below the slider image, instead of floating above it.
    Now the vertical alignment is done with a ‘bottom: ..px’ trick, but that’s causing some overflow in smaller screen: see screenshot. By giving the paging it’s own space, you also don’t hide the 40px or so at the bottom of the slider image. And the caption wrapper can be nicely placed at the bottom of the slider image – or maybey even made adjustable… ;).

    Final point: the paging bullets are jumping to the right a little and back, when moving to the next slide. It only happens after playing with the ‘bottom: ..px’ lines in the CSS; with caption-wrap bottom at 40px and flex-control-nav bottom at 20px it’s just steady as a rock.
    It’s only a minor issue, but I consider it ‘unwanted movement’… ;).

    I hope you’ll find my suggested improvements usefull, maybe we see something back in the next release :).

    Kind regards,
    Gert-Jan

Viewing 2 replies - 16 through 17 (of 17 total)