I would like to create a mask for my slides and found the static layer an awesome feature for that. Unfortunately if I decrease the screen size the layer starts to leave the bottom of the parent layer and appears somewhere upwards. I've tried to fix this by adding some 'position' css but wasn't successful.
So, I was hoping you had an idea for the right css (or other method) to make this masking-image to stay at the bottom.\
you need to change the height of the slider dynamically using media queries. Your solution could be good but you will need to define proper media query for the specific resolution range
Thank you so much for that hint but please bare with me if I keep on bugging you! I have never worked with media-queries and I need a quick solution (Its the last thing before release).
So I was wondering if there is a possibility at all to achieve this by assigning position tags to either
<div class="tp-static-layers"> or the parent <div class='tp-caption...'
So again, sorry for hasseling you after you already pointed me in a direction and if you could only tell me something like 'yeah that might work too' or 'no, don't waste your time' that would be super helpful!
I guess you could create a custom CSS for the static layer but this would work globally and you really need something that will work in case of the window width changes and this can be done only using media queries. I am sorry that I can't give you simpler solution but I am afraid that there isn't one that would work globally
Hi!
I would like to create a mask for my slides and found the static layer an awesome feature for that. Unfortunately if I decrease the screen size the layer starts to leave the bottom of the parent layer and appears somewhere upwards.
I've tried to fix this by adding some 'position' css but wasn't successful.
So, I was hoping you had an idea for the right css (or other method) to make this masking-image to stay at the bottom.\
Dev site url is: http://biz211.inmotionhosting.com/~blackb78/bbk2018/
Thanks so much in advance
Hi,
you need to change the height of the slider dynamically using media queries. Your solution could be good but you will need to define proper media query for the specific resolution range
Regards,
Igor
Hi Igor!
Thank you so much for that hint but please bare with me if I keep on bugging you! I have never worked with media-queries and I need a quick solution (Its the last thing before release).
So I was wondering if there is a possibility at all to achieve this by assigning position tags to either
<div class="tp-static-layers"> or the parent <div class='tp-caption...'
So again, sorry for hasseling you after you already pointed me in a direction and if you could only tell me something like 'yeah that might work too' or 'no, don't waste your time' that would be super helpful!
Thanks in advance
Hi,
I guess you could create a custom CSS for the static layer but this would work globally and you really need something that will work in case of the window width changes and this can be done only using media queries. I am sorry that I can't give you simpler solution but I am afraid that there isn't one that would work globally
Regards,
Igor