Slider Content Position - Broadscope « Support Forum | Kriesi.at

Support Forum » Broadscope

Slider Content Position - Broadscope

6 posts from 3 voices

Started 6 months ago by DavidS72
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

DavidS72
Member

Just want to change the slider content position.

I found this: http://www.kriesi.at/support/topic/different-position-of-caption-in-each-slide-on-home-page

But I do not see these options.

Thanks
Dave

Posted 6 months ago #
Devin
Moderator

Hi Dave,

Those options are not available with Broadscope and were only introduced with Coherence and those themes that have come afterwards.

We may be able to help re-position the caption content a bit but it just depends on what you would like to change.

Regards,

Devin

Posted 6 months ago #
DavidS72
Member

Ok, I just need the content on all slides to sit up like the third fish bowl slide here: http://www.kriesi.at/themedemo/?theme=broadscope

but now I look at that I realise that is part of the image.

THANKS

Posted 6 months ago #
Devin
Moderator
Hey Dave,

I played around with it a bit and if you add the following to your custom.css file in your css folder (within your theme files) you can get the caption to do something pretty close to that image.

I have not tested it in older versions of IE or anything, but it should work on any modern browser:
```
.feature_excerpt {
    bottom: 120px;
    right: 30%;
    width: 400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 28px;
}
#featured .feature_excerpt h1 {
    width: 390px;
}
#featured .feature_excerpt .featured_caption {
    width: 390px;
}
```
The one catch is that since the captions are not hidden on slides without captions, it causes the box to appear without text inside of it on those captions. So you can use a bit more css to hide it specifically on those or just add captions to all your images.

The css to hide them would be:
```
.featured_container3 .feature_excerpt {
display: none;
}
```
Where the featured_container3 is the number of the slide. To further complicate things, it'll all need to be singled out for the specific page you want the change to be on. So if its the home page, you need to add #top.home to all of the css declarations above before the rest of the classes.

Regards,

Devin
Posted 6 months ago #
DavidS72
Member

THANKS

Posted 6 months ago #
Ismael
Moderator

Hi Dave,

Glad that Devin helped you. :)

Cheers,
Ismael

Posted 6 months ago #