Slideshow size

afinocchiarophoto · Member · Mar 15, 2017 at 5:23 am
Copy link

Add topic to favorites
Can I make slideshow gallery size bigger?

Can I move the arrows and pause button outside of the images? I can hardly see them.

The blog I need help with is: (visible only to logged in users)
afinocchiarophoto · Member · Mar 15, 2017 at 5:24 am
Copy link
About
thesacredpath · Member · Mar 15, 2017 at 8:13 pm
Copy link
The slideshow is in the same div as the text content above, so if we make the slideshow wider, the text gets wider also. There is 13.98% left and right margin on the content area. We can adjust that to make everything larger. This is targeted at only the About page.
```
.page-id-7841 .content-wrapper.full-width.without-featured-image {
	margin: 0 5%;
}
```
You can adjust the 5% value I have as an example as desired.

On the slideshow controls, I can move them, but not below the image bottom or they disappear. I looked at changing the color of the controls, possibly making them darker, but due to the way the Jetpack CSS is done, I can’t override the colors or the darkness of the controls.
afinocchiarophoto · Member · Mar 15, 2017 at 8:27 pm
Copy link
Thank you!!

Can we try moving the controls to the sides of images? Also, can I change the speed of slideshow?

The more I think about this…
Is it easier if I start over and do a simple CSS slider gallery? I’m looking for something very basic that viewers can slide through on their own. It would be nice to have captions for each photo as well. I’d like the captions to have consistent font and look of the rest of my website.

What do you think?
thesacredpath · Member · Mar 17, 2017 at 7:06 am
Copy link
The same thing happens when I try and move the controls to one side or the other.

You could hand code a sort of gallery using HTML, but it would not go to the carousel when someone clicked on an image as it does now. When they clicked on an image, they would see the image in their browser window with all the white around it.
afinocchiarophoto · Member · Mar 17, 2017 at 10:34 am
Copy link
Okay, gotchya. I’m keeping carousel. Thank you

Is it possible to change font and font size on captions?
afinocchiarophoto · Member · Mar 17, 2017 at 12:21 pm
Copy link
Also, can I make the buttons completely disappear if the cursor is not on the photo? Right now they fade out.
thesacredpath · Member · Mar 17, 2017 at 8:13 pm
Copy link
On the slideshow controls, the following will make them disappear unless someone hovers over the image.
```
.slideshow-controls {
	opacity: 0 !important;
}
.slideshow-window:hover .slideshow-controls {
	opacity: 1 !important;
}
```
I’m not seeing any captions right now, but yes we can change the font color. On the font family itself, we are limited to one of the two fonts you chose at Customize > Fonts, or the default font for the theme, or one of the standard fonts installed on all computers. Here is a webpage that lists all the standard cross-platform fonts.
afinocchiarophoto · Member · Mar 17, 2017 at 8:48 pm
Copy link
Those slideshow controls are looking good! Thank you!

I will add a caption to first photo. Can you show me how to change font and font size? Let’s try Book Antiqua font.
thesacredpath · Member · Mar 17, 2017 at 10:39 pm
Copy link
Thanks for the information. I’ve included 3 fonts in the font stack so that in the event someone does not have Book Antiqua installed, there are two fallback fonts. The original font size on the caption was 13px. You can adjust my 16px value as desired.
```
.slideshow-slide-caption {
	font-family: "Book Antiqua", Palatino, serif !important;
	font-size: 16px !important;
}
```
afinocchiarophoto · Member · Mar 17, 2017 at 10:58 pm
Copy link
Thank you!!
thesacredpath · Member · Mar 17, 2017 at 11:32 pm
Copy link
You are welcome.

No items found.