Caption position and screen-wide background

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

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

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

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

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: https://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

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: https://www.travelsmart.bg
Could you please help me with that?

Best,
Martin