WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] How can I make the slideshow arounded by text? (11 posts)

  1. Gina
    Member
    Posted 1 year ago #

    Hey Stefan,

    I want to make the slideshow on the left side and have text on the right side and bottom, looks like this http://ca.movies.yahoo.com/news/california-police-comedian-katt-williams-evaded-arrest-234707810.html. How should I change my css? I am pretty new to this, plz be specific. Thanks!!!

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Ragina,

    You should set the CSS of the slideshow to 'float'. First, see how you can apply a custom style to a slideshow in the FAQ section. When customizing the stylesheet, add the following:

    .slideshow_container {
        float: left;
    }

    Then give the slideshow a maximum width, so it doesn't stretch across the width of the page. The slideshow should then be wrapped in text.

    Best regards,
    Stefan

  3. Gina
    Member
    Posted 1 year ago #

    Hey Stefan,

    Thanks for your quick reply. It works. However, the text and slides are tight together. How can i add some spaces between them? I mean increase the margin between slideshow and the text on the right side.

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Ragina,

    Spaces between elements can be added by using the margin value, more information here.

    Using the example code I mentioned above, in combination with the margin used in your example, would look like this:

    .slideshow_container {
        float: left;
        margin: 10px 10px 10px 0;
    }

    Best regards,
    Stefan

  5. Gina
    Member
    Posted 1 year ago #

    Thanks!!!

  6. ponnuki
    Member
    Posted 1 year ago #

    Hi,

    I'd like to customize my slideshow - great plugin! - the same way, but I failed.

    The default setting is:

    .slideshow_container { } .slideshow_container a { text-decoration: none; }

    I added the code mentioned above to this result:

    .slideshow_container { float: left; } .slideshow_container a { text-decoration: none; }

    But as a pity, the slideshow isn't surrounded. Actually, nothing happened.

    Where did I go wrong?

    Thanks in advance,

    ponnuki

  7. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Ponnuki,

    Have you already set the slideshow's style setting to use the custom stylesheet you created?

    Best regards,
    Stefan

  8. ponnuki
    Member
    Posted 1 year ago #

    Wow,

    what a simple click - and what a result!

    You're my man, thanks a lot, Stefan! ;o)

    All the best,

    ponnuki

  9. Juliefitz
    Member
    Posted 1 year ago #

    I love this slider so much and that just made it even better.

  10. Toosheds
    Member
    Posted 1 year ago #

    Hi, I am baffled. I am trying to wrap text around the slideshow, but nothing seems to work.

    Neither the "Custom Styles" nor the "Default Slideshow Settings" tabs work in the General Settings area of the plugin.

    The slideshow works fine, but I cannot wrap the text, and I really need to do this. I have added the

    .slideshow_container {
        float: left;
    }

    to style.css (it's a free template) and to another custom css file, and both times the images disappeared, but the Next and Previous Slide buttons showed up both times.

    I guess the main question is: Why don't the "Custom Styles" and the "Default Slideshow Settings" buttons work properly?

    WordPress Version 3.5.1
    Slideshow Version 2.2.10
    Firefox
    Chrome

    Many thanks!

  11. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    It sounds like you're setting your slideshow's settings on the 'Default Slideshow Settings' tab. However, this is only for newly created slideshows. Not for existing ones. Settings of existing slideshow need to be altered on the same page you assign images to the slideshow.

    Best regards,
    Stefan

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.