WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN 3D and 2D Animated Flux Slider Template
[resolved] Text Wrap (7 posts)

  1. x1
    Member
    Posted 1 year ago #

    Hi, I would like to wrap text around the slider. Can you please advise how to do so. I don't seem to be able to find an option to do so.

    Thank you in advance. The page I am editing http://www.gozo-guide.com/?page_id=618. If you notice the text is currently at the bottom but would like to have it sitting next to the slideshow which is great!

    http://wordpress.org/extend/plugins/nextgen-3d-flux-slider-template/

  2. Mohsin Rasool
    Member
    Plugin Author

    Posted 1 year ago #

    Farruj, You need to put following css in your theme's css file which will adjust the slider's floating and spacing with the text.

    .3dfluxslider {float: left !important; margin-right: 10px !important;}

    Cheers!

  3. x1
    Member
    Posted 1 year ago #

    Hello Mohsin Rasool, thank you very much for your help. I am new to this and I'm not sure what I'm doing wrong because I still can't get it to work. I am using twenty eleven theme, went into the style.css and put the code as you instructed, however as I don't understand coding very well, I'm not sure I put it in the right place as its still being ignored:
    .gallery-caption {
    color: #666;
    font-family: Georgia, serif;
    font-size: 12px;
    }
    .wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 10px 0 5px 40px;
    position: relative;
    }
    .wp-caption .wp-caption-text:before {
    color: #666;
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
    }
    #content .gallery {
    margin: 0 auto 1.625em;
    }
    #content .gallery a img {
    border: none;
    }
    img#wpstats {
    display: block;
    margin: 0 auto 1.625em;
    }
    #content .gallery-columns-4 .gallery-item {
    width: 23%;
    padding-right: 2%;
    }
    #content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
    }
    .3dfluxslider {
    float: left !important; margin-right: 10px !important;
    }

    Can you please help? I have now spent so many days on this and still doesn't seem to get anywhere.

    Thank you

  4. Mohsin Rasool
    Member
    Plugin Author

    Posted 1 year ago #

    ah... my fault. CSS Classes should not start with a numeric due to possible usage in future for dimensions. Instead of ".3dfluxslider" use ".fluxslider" and reduce the margin-right to 5px.

    In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units). To make ".55ft" a valid class, CSS2 requires the first digit to be escaped (".\35 5ft")

    Reference

  5. x1
    Member
    Posted 1 year ago #

    Hi Mohsin, I am sorry, I just can't get it to work :( No matter what I do, the text stubbornly remains at the bottom, underneath the slideshow

  6. Mohsin Rasool
    Member
    Plugin Author

    Posted 1 year ago #

    Friend, you are missing a dot "." before "fluxslider" in your style.css... :-) Just adding it should fix the problem. This is how it should look like.

    .fluxslider {float: left !important; margin-right: 10px !important;}

  7. x1
    Member
    Posted 1 year ago #

    Oh my God! at last! I got it to work! Thank you so much! I am totally new to all this and coding is not my forte :) Thank you for your help!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.