WordPress.org

Ready to get started?Download WordPress

Forums

Easing Slider "Lite"
[resolved] Wrap text around slider w/ padding (8 posts)

  1. choi.franny
    Member
    Posted 10 months ago #

    Hey there! I'm trying to wrap text around the slider, with some padding on the right.

    I put this into my stylesheet:

    .easingsliderlite{
    	float:left;
    	padding-right:15px }

    Now it's floating to the left but I can't seem to get the padding to work. I also tried to do <div style="padding-right:15px>[easingsliderlite]</div> directly into the HTML Page Editor, but that wasn't responding, either.

    Here's a test page:

    http://frannychoi.com/test/

    Help??

    http://wordpress.org/plugins/easing-slider/

  2. MatthewRuddy
    Member
    Plugin Author

    Posted 10 months ago #

    Hi @choi.franny, does adding the code below to your theme's style.css file do the trick?

    .easingsliderlite {
        margin-right: 15px !important;
    }
  3. choi.franny
    Member
    Posted 10 months ago #

    Sadly, no!

    I know it should be responding because I can make it float right instead of left, but no luck...

  4. MatthewRuddy
    Member
    Plugin Author

    Posted 10 months ago #

    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 :)

  5. choi.franny
    Member
    Posted 10 months ago #

    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!

  6. MatthewRuddy
    Member
    Plugin Author

    Posted 10 months ago #

    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? :)

  7. choi.franny
    Member
    Posted 10 months ago #

    YES!! I'm doing cartwheels! Thank you so much!!

  8. MatthewRuddy
    Member
    Plugin Author

    Posted 10 months ago #

    No worries, happy to help :)

Reply

You must log in to post.

About this Plugin

About this Topic