WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Dark Style but change font size (5 posts)

  1. jkwriter
    Member
    Posted 1 year ago #

    I like the 'Dark' style of the Slideshow, but want to change the font size for the title/description for the slides. I understand I have to use the 'Custom' option to do that.

    I think I know how to change the font size within there (H3 is preferable to H2), but am lost as to the other things I need to change to recreate the 'Dark' features.

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

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    That's correct, the font sizes can be changed through the custom style editor.

    The problem of the custom style editor is that it only lets you customize the 'light' style design of the slideshow. This is something that will be improved soon.

    In the mean time you could look up the 'dark' stylesheet of the slideshow by going into your WordPress installation and looking for this folder: 'wp-content/plugins/slideshow-jquery-image-gallery/style/SlideshowPlugin/'. In this folder you'll see the file 'style-dark.css'. Open it with any text editor and copy its contents. After copying, return to the slideshow and paste the copied stylesheet into the custom style editor. You can now adjust the font size settings.

  3. jkwriter
    Member
    Posted 1 year ago #

    Thanks Stefan -- I was able to follow your instructions and make it work.

    One other thing that happened (prior to going the custom route, but is present in the custom slideshow I've posted) is that the font changed to italics. Any idea as to what might have caused that? I've only got content in the 'Title' field.

    You can see it here: http://www.popservations.com/best-of-2012/top-100-tracks-of-2012/

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    I see that WordPress is influencing the slideshow's output by putting it in '<i>' tags. To solve this, go into the custom style editor again and in the title's CSS, add the following line:

    font-style: normal;

    This takes away the italic font style from the title.

  5. jkwriter
    Member
    Posted 1 year ago #

    Thanks, Stefan -- that did the trick!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic