Hi there,
1. Placing the captions on the right would be problematic. Something similar would be achievable using Layer Slides which is a Pro feature.
2. It looks like there’s a max-width of 715px on the slider – have you enabled ‘Stretch’ in the ‘Advanced Settings’ panel?
3. You could add the following CSS to add further space around the slider:
.metaslider {
margin: 10px auto 60px auto;
}
Thanks,
Dave
Thread Starter
mtotev
(@mtotev)
Hey Dave,
Thanks for the reply.
1. OK
3. Thanks
2. If I enable the “stretch” option the picture stretched across the whole website. What I am aiming at is keeping the picture size as it is now but filling out the right and left sides with a one-color background. Is that possible?
Thank you!
Martin
Hi Martin,
Are you able to wrap the slider in a div, something like this:
<div class="metaslider-background">
TEMPLATE INCLUDE/SHORTCODE
</div>
then add some CSS:
.metaslider-background {
background: blue;
}
Thanks,
Dave
Thread Starter
mtotev
(@mtotev)
Hi Dave,
I included in my child theme this code
<div class=”metaslider-background”>
<?php
echo do_shortcode(“[metaslider id=1222]”);
?>
</div>
But whhat happened is that the whole background of the wrapper went white. How can I limit that only to the meta slider and put it in the color I want.
Best,
Martin
Hey Martin, just in case you didn’t figure this out, i was able to accomplish it by editing the flexslider.css (or whatever slider you are using) thusly:
.metaslider .flexslider {
border: 0px none;
margin: 0px auto 0px auto;
max-width: 960px;
max-height: 360px;
}
of course, edit the slide size to fit your picture
Thread Starter
mtotev
(@mtotev)
Thank you Chuck for the help. Ill try it out now.
@dave, could you please give me links to 1 or 2 websites that use the Layer Slides? I just want to see how it looks in order to decide if thats what I am trying to get. π
Thanks!
Martin
Thread Starter
mtotev
(@mtotev)
Basically, all I want is that I have a picture on the left side (above the main body) and the caption with a button “See more” on the right side (above the sidebar) π Is that possible with the Layer Slides?
Option B would be to have the slide shown on the left, and on the right side the other slides (that are currently not shown, like they are lining up…)
url: http://www.travelsmart.bg
Thank you!
Martin
@mtotev
The main slider on our homepage uses Layer Slides:
https://www.metaslider.com/
You can position elements (inc. images) to create the layout you’re looking for.
Thanks,
Dave
Thread Starter
mtotev
(@mtotev)
Hey Dave,
I upgraded to the PRO version. I figured out how to use quite a few things.
What is still bothering me is taking the caption outside (on the right side) of the slider.
I see how I can move it around inside the slider, but i still dont know how to take it outside.
url: http://www.travelsmart.bg
Could you please help me with that?
Best,
Martin