Hi @choi.franny, does adding the code below to your theme’s style.css file do the trick?
.easingsliderlite {
margin-right: 15px !important;
}
Sadly, no!
I know it should be responding because I can make it float right instead of left, but no luck…
Hi @choi.franny, I’m not quite sure I’m understanding what you want to achieve.
The slideshow was originall floated left – the code provided would have added a margin to the right of the slideshow between it and the text. Is this not what you’re looking to do with the padding-right?
Now I can see that the slideshow is floated to the right, so for the same effect on the other side, the code below should add a gap between the text and slideshow.
.easingsliderlite {
margin-left: 15px !important;
}
I’d recommend using a margin instead of padding.
If this isn’t what you’re looking for, could you provide a screenshot or mockup of what you’d like it to look like? That’d really help 🙂
Hi @matthewruddy,
What I’m trying to do is float the slideshow left and add a 15 px margin on the right between it and the text. (I only floated the slideshow right to test that I was editing the correct part of the code.)
Right now, the complete code I have in the Stylesheet is:
.easingsliderlite{
height: 360px;
width: 300px;
float:left;
margin-right: 15px !important;
}
And it’s floating but not adding a margin: http://frannychoi.com/test/
I’m trying to put this on my homepage. My current homepage just has a photo with text next to it: http://frannychoi.com
Basically, I want this same thing (margin and all) but with the slideshow in place of the single image.
I think I’m following your instructions, so I’m not sure why it’s not working… It seems so simple.
Thanks for your help!
Ok, great, I understand fully now.
Apologies for the code provided not working as intended. Try this CSS instead;
.page .container .easingsliderlite {
height: 360px;
width: 300px;
float:left;
margin-right: 15px !important;
}
Does that work? 🙂
YES!! I’m doing cartwheels! Thank you so much!!
No worries, happy to help 🙂
