customize slideshow settings

• 

  katianaouri · Member · Jul 3, 2016 at 8:14 am

  • Copy link
  • Add topic to favorites

  Hi there! I have some questions regarding how to customize the theme Spun. I would like to know if there is a way to improve the appearance settings of the slideshow, like removing the black border, or changing the arrow design? I would like to have just the picture (without any frame) and on it some points to show and select the other images of the slideshow (as you can see on the theme shoreditch on a blog page for example, but simpler, without any text, and not on full page but following my theme structure)
  Thank you for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Jul 3, 2016 at 11:35 am

  • Copy link

  Hi, your site is set to private and when I view the example image gallery on the Spun and Shoreditch theme demo sites they look identical (the carousel is a WordPress.com plugin rather than being theme independent).

  Can you post a screenshot or a link to a public page on your site (or the demo site) so I can see exactly what you’re talking about?

• 

  hellovanhulst · Member · Jul 4, 2016 at 3:39 am

  • Copy link

  I have the same question. I’d like to get rid of the control options.

  I’m at elizabethvanhulst.com

  TIA!

• 

  thesacredpath · Member · Jul 4, 2016 at 4:57 am

  • Copy link

  Hi @hellovanhulst, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

• 

  katianaouri · Member · Jul 5, 2016 at 6:56 am

  • Copy link

  Hi, here is a page on my site with a slideshow: https://wordpress.com/post/katianaouri.com/431
  Is there any way to change the setting, (arrow, time lapse) or at least to remove the border of the slideshow, without any plugin?
  I would like something looking like the one in the first page of “toujours” theme : https://toujoursdemo.wordpress.com/
  Thank you

• 

  hallluke · Member · Jul 5, 2016 at 8:34 am

  • Copy link

  To get rid of the background and border you can set the colours to white with this rule:

  div.slideshow-window {
  	background-color: #fff;
  	border-color: #fff;
  }

  You can’t add a button for each image in the slideshow I’m afraid, we can’t modify the HTML/PHP code that creates it, only re-style what’s already there.

  You could upload your own image the same size and spacing as the existing buttons (click here to see) and then use the new URL to replace them with the following code:

  body div.slideshow-window div.slideshow-controls a, body div.slideshow-window div.slideshow-controls a:hover {
  	background-image: url("http://placehold.it/142x16")!important;
  }

  Just swap out the placeholder URL I used above with your new image URL and see how it looks. Once you’ve done that if you still want to make more changes then let me know.

• 

  katianaouri · Member · Jul 5, 2016 at 11:20 am

  • Copy link

  Thank you that’s great!