Page 1 of 1

Adjust space between title and description

Posted: July 10th, 2018, 5:02 am
by cyberfly
Is there a way to adjust / reduce the space between the slide title and description. I'm guessing I can do this with CSS but need the html elements to target. I'm using Layout 3. Thanks.

Re: Adjust space between title and description

Posted: July 10th, 2018, 10:19 am
by support_staff
Hi cyberfly ,

- We checked this issue
- Yes we can do this please share your web url and we create a custom css according to your page layout.

Thanks.

Re: Adjust space between title and description

Posted: July 10th, 2018, 12:52 pm
by cyberfly
Thanks for the reply unfortunatly I can't send you my url as I am running on my local test site not online. If you could let me know the css elements to target I should be able to work out the code myself. I am using layout 3 with the title,description aligned to the lower left.

Thanks.

Re: Adjust space between title and description

Posted: July 10th, 2018, 6:04 pm
by support_staff
Hi cyberfly ,

Please apply this custom css in custom css section

p.sp-layer.sp-white.sp-padding.title-in.title-in-bg.hide-small-screen {
bottom: 23% !important;
}

and save the settings.

Thanks.

Re: Adjust space between title and description

Posted: July 10th, 2018, 6:12 pm
by support_staff
Hi cyberfly ,

Also apply this in custom css -- it is for full screen slider

.sp-full-screen p.sp-layer.sp-white.sp-padding.title-in.title-in-bg.hide-small-screen {
bottom: 18% !important;
}

Thanks

Re: Adjust space between title and description

Posted: July 10th, 2018, 11:27 pm
by cyberfly
Hi

That is great works well. However what would be the code for the description if I was not using the title.

BTW I'm liking this plugin :)

Cheers

Re: Adjust space between title and description

Posted: July 11th, 2018, 10:55 am
by support_staff
Hi cyberfly ,

Please apply this custom css its target on description

p.sp-layer.sp-black.sp-padding.desc-in.desc-in-bg.hide-medium-screen {
bottom: 15% !important;
}

.sp-full-screen p.sp-layer.sp-black.sp-padding.desc-in.desc-in-bg.hide-medium-screen {
bottom: 21% !important;
}


Thanks.