I am trying to position the caption of slides in Nectar Slider so that they are as close to the bottom of the page as possible. With the Slide Content Alignment set to "Bottom" the text comes up near the center of the image. I have done a fair amount of research and referred to your FAQ 2037 and as a result tried putting "insect_slider" in the "Extra Class Name" field on the slide, and then in the in the "Custom CSS Code" box in Salient - General Settings I put:
body #ajax-content-wrap .nectar-slider-wrap .swiper-slide:.insect_slider .content p { margin-bottom:0px;
}
But this did nothing.
I also tried it without the "p"
Then I tried pasting the whole example in the 2037 FAQ into my CSS, just altering the name to "insect_slider", but this also did nothing.
What am I doing wrong? I am not very CSS savvy but I need to know how to position the caption to be lower on the screen than it currently is.
Thank you Tahir, that worked pretty well for most of the slides when I used a margin of 175px. For the couple of slides it didn't work so well with, how do I target them individually? I imagine I put a name like "slide_4" in the Extra Class Name field of the slide, and then have to add some code to the Custom CSS window in the Salient - General Settings panel, but I don't know what that code is. Could you tell me?
Great, using negative margin-top numbers (which I assume is okay) I seem to have slide specific full vertical position control. Thank you. I have another unrelated question, which if you want I can open a new ticket. On a different page of the site (http://andrewsite.net/jeffsite/about/) I have been completely unable to position the text to the left of the screen, like the footer widgets are on that page. What am I doing wrong and how can I correct it? I've messed around with the column "in container", "full width content" and "full width background" parameters but to no avail.
I am trying to position the caption of slides in Nectar Slider so that they are as close to the bottom of the page as possible. With the Slide Content Alignment set to "Bottom" the text comes up near the center of the image. I have done a fair amount of research and referred to your FAQ 2037 and as a result tried putting "insect_slider" in the "Extra Class Name" field on the slide, and then in the in the "Custom CSS Code" box in Salient - General Settings I put:
body #ajax-content-wrap .nectar-slider-wrap .swiper-slide:.insect_slider .content p { margin-bottom:0px;
}
But this did nothing.I also tried it without the "p"
Then I tried pasting the whole example in the 2037 FAQ into my CSS, just altering the name to "insect_slider", but this also did nothing.
What am I doing wrong? I am not very CSS savvy but I need to know how to position the caption to be lower on the screen than it currently is.
Thank you for your time and attention
Robert
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
.swiper-slide .content p.transparent-bg { margin-top: 50px !important; }Thanks
ThemeNectar Support Team
Thank you Tahir, that worked pretty well for most of the slides when I used a margin of 175px. For the couple of slides it didn't work so well with, how do I target them individually? I imagine I put a name like "slide_4" in the Extra Class Name field of the slide, and then have to add some code to the Custom CSS window in the Salient - General Settings panel, but I don't know what that code is. Could you tell me?
Try like this :
.swiper-slide.slide_4 .content p.transparent-bg { margin-top: 50px !important; }Thanks
ThemeNectar Support Team
Tahir,
Great, using negative margin-top numbers (which I assume is okay) I seem to have slide specific full vertical position control. Thank you. I have another unrelated question, which if you want I can open a new ticket. On a different page of the site (http://andrewsite.net/jeffsite/about/) I have been completely unable to position the text to the left of the screen, like the footer widgets are on that page. What am I doing wrong and how can I correct it? I've messed around with the column "in container", "full width content" and "full width background" parameters but to no avail.