reduce frame size of slideshow

margaretrosestringer · Member · Dec 11, 2013 at 8:31 pm
Copy link

Add topic to favorites
I resize all the images so that 300 is the max. width or max. height; but the resulting slideshow occupies the entire content width, which means lots of ugly black.
Will you advise me, please, how to reduce the size of the slideshow?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Dec 11, 2013 at 8:36 pm
Copy link
Are you aware of this setting?
Dashboard > Settings > Media
Background color (dropdown menu)
black
white
margaretrosestringer · Member · Dec 11, 2013 at 8:41 pm
Copy link
Yuss … I’ve had mine set to white since I first opened up this site, and it has made not one jot of difference.
:-
timethief · Member · Dec 11, 2013 at 8:54 pm
Copy link
Please be patient while waiting for a Volunteer who helps with CSS editing or Staff comes along to assist you.
margaretrosestringer · Member · Dec 11, 2013 at 8:55 pm
Copy link
It’s my response to today’s Daily Post, timethief: I don’t know how long I’ve got left, in terms of the time difference …
timethief · Member · Dec 11, 2013 at 8:59 pm
Copy link
As would be expected, the first threads tagged for Staff attention in order of datestamps and timestamps will be first served, and Staff will then work their way forward to those with the most recent datestamps and timestamps. Bumping a thread by posting into it moves the timestamp ahead so I’ll stop posting here and so will you, okay?
margaretrosestringer · Member · Dec 11, 2013 at 9:00 pm
Copy link
OK, she said, dutifully. :-)
thesacredpath · Member · Dec 12, 2013 at 3:25 am
Copy link
Hi there, can you point me to a slideshow on your site, or do you not have one active right now?
thesacredpath · Member · Dec 12, 2013 at 3:30 am
Copy link
Ah, I found one in your footer widget area. Add the following to your CSS and the background and border will become transparent.
```
.slideshow-window {
    background-color: rgba(0, 0, 0, 0);
    border: 20px solid rgba(0, 0, 0, 0);
}
```
margaretrosestringer · Member · Dec 12, 2013 at 3:30 am
Copy link
G’day! No, tsp: it was so ugly that I deinstalled. I’ve given up, because I read ina Google search that all slideshows are designed to occupy the width of the content area.
On the day I set up my blog, I set the Image Gallery Carousel as white, but it’s never worked.
margaretrosestringer · Member · Dec 12, 2013 at 3:35 am
Copy link
I didn’t that that one had any relevance because of being a widget …
Sh*t a brick! – is that what it takes?
I shall reconstruct it now.
THANK-YOU VERY MUCH, O Hatted Wonder; you’re worth your weight in gold.
margaretrosestringer · Member · Dec 12, 2013 at 3:41 am
Copy link
Tsp … if I’m planning for a carousel, is it better to make the images all different sizes, please?
thesacredpath · Member · Dec 12, 2013 at 3:41 am
Copy link
Yeah, that should do it for all slideshows. If not, let me know, and don’t Sh*t a brick, that could really hurt. :)
margaretrosestringer · Member · Dec 12, 2013 at 3:44 am
Copy link
Indeed! Listen … I inserted that code to see what it did to the widget carousel, and the answer is – nix.
Should I be worried?
thesacredpath · Member · Dec 12, 2013 at 3:58 am
Copy link
Noooo run away!!!! :)

Apparently we need a bigger hammer. Add the !important attribute to both of the declarations in the rule I gave you like below. (Actually I could use a more specific selector instead of the !important attribute, but I wanted it to work with all slideshows on your site, not just the one in the footer widget area.)
```
.slideshow-window {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 20px solid rgba(0, 0, 0, 0) !important;
}
```
margaretrosestringer · Member · Dec 12, 2013 at 4:07 am
Copy link
You little ripper!
From now on, I’m going to try with the bigger hammer whenever I change something in CSS that I’m sure is right but that doesn’t work.
Cain’t hoit, as No. 5 was wont to say.
:-)
Thanks ever so, tsp!
thesacredpath · Member · Dec 12, 2013 at 4:44 am
Copy link
You are welcome as always.
literaryfreaks · Member · Dec 12, 2013 at 11:00 am
Copy link
how can i edit the css
justpi · Member · Dec 12, 2013 at 4:18 pm
Copy link
Are you aware of this setting?
Dashboard > Settings > Media
Background color (dropdown menu)
black
white

That setting is for this slideshow:
http://en.support.wordpress.com/images/gallery/#jp-carousel-37313
Not for this slideshow:
http://en.support.wordpress.com/slideshows/#footer

No items found.