Hiya, just wondering how i can move the 2 buttons around on the nectar slider, i want to line them up underneath some text on the slide image, have attached image so you know what i mean, thank you
Hey Jah, add a class to your slide in the Extra Class Name input such as "custom-button-pos" (without the quotes) and then add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (min-width: 1300px) {
.custom-button-pos .content {
margin-left: 80px!important;
margin-top: 100px!important;
}
}
Hey Jah, it seems like you've got the height correct. All you need to do now is go ahead and alter the margin-left property until the buttons are correctly aligned. It'll probably look something more like this:
@media only screen and (min-width: 1300px) {
.custom-button-pos .content {
margin-left: 145px!important;
margin-top: 100px!important;
}
}
This is good to know. I'm guessing you could also use this to precisely place the slider header and caption text. I also don't know much about the coding. What the coding look like for that?
Then I had another thought. Is this going to put the buttons in that same position for every slide or can you set the position differently from slide to slide?
Hey Aaron, sorry for the delay in responding to you. The snippet above will add the margin to anything with the class .custom-button-post .content - so it depends on your slider setup. Cheers :)
Hey Jah, add a class to your slide in the Extra Class Name input such as "custom-button-pos" (without the quotes) and then add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (min-width: 1300px) { .custom-button-pos .content { margin-left: 80px!important; margin-top: 100px!important; } }Cheers :)
Thank you, worked for great for moving it up & down but not so for left & right, have attached screen shot thats as far right as i could get it?
Hey Jah, it seems like you've got the height correct. All you need to do now is go ahead and alter the margin-left property until the buttons are correctly aligned. It'll probably look something more like this:
@media only screen and (min-width: 1300px) { .custom-button-pos .content { margin-left: 145px!important; margin-top: 100px!important; } }Cheers :)
This is good to know. I'm guessing you could also use this to precisely place the slider header and caption text. I also don't know much about the coding. What the coding look like for that?
Thanks,
Aaron
Then I had another thought. Is this going to put the buttons in that same position for every slide or can you set the position differently from slide to slide?
Thanks!
Aaron
Hey Aaron, sorry for the delay in responding to you. The snippet above will add the margin to anything with the class .custom-button-post .content - so it depends on your slider setup. Cheers :)