CSS for Slideshows in Basis Theme

jpiller3 · Member · Mar 13, 2014 at 9:38 pm
Copy link

Add topic to favorites
I need help customizing the slideshow on my home page. I’d like to remove the gray background and the dark border (or change them to white) OR I can crop my photos to fill the frame, but I would need dimensions.

Also, is there a way to have each image link to one of my pages?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 14, 2014 at 3:25 am
Copy link
Hi, to remove all the background and border, modify your .slideshow-window rule as below, and add the second rule.
```
.slideshow-window {
    border: medium none !important;
    background: #FFFFFF !important;
}
.slideshow-slide, .banner {
    background: #FFFFFF;
}
```
jpiller3 · Member · Mar 14, 2014 at 1:41 pm
Copy link
Perfect! That took care of the background and border.

Is there a way to have the images fill the entire slideshow window so that they line up with the text I have on the page?

And is there a way to link each of my three images to another of my pages?
livinghealthycommunity · Member · Mar 14, 2014 at 4:20 pm
Copy link
Hi, I tried the coding above, but the gray background is still there. Can you provide insight to livinghealthycommunity.wordpress.com?

Thanks!
thesacredpath · Member · Mar 14, 2014 at 6:09 pm
Copy link
Hi, I’m not seeing the grey background so it looks like you got that part sorted out.

On the slides, you can add the following to make them full width to align with the content and page title.
```
.slideshow-slide img {
    width: 100%;
}
```
jpiller3 · Member · Mar 14, 2014 at 6:12 pm
Copy link
Awesome – thanks!

PS The gray background went away on my page, but I think the blog that needed additional help with it is livinghealthycommunity.wordpress.com
thesacredpath · Member · Mar 14, 2014 at 6:40 pm
Copy link
Whoops! You are right.

@rebeccanwevnyc, 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 and I’ll watch for it and help you out. Many thanks in advance.

No items found.