Title: Resizing the Slider Caption Last modified: August 21, 2016 --- # Resizing the Slider Caption * [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/) * I recently changed the size of the slider and now it appears I need to resize the caption to fit, particularly on smaller screens where the caption actually runs over the bottom of the slider. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/resizing-the-slider-caption/page/2/?output_format=md) [→](https://wordpress.org/support/topic/resizing-the-slider-caption/page/2/?output_format=md) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265749) * Could you link to the site in question? * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265750) * wifss.ucdavis.edu * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265751) * Sorry – [](http://wifss.ucdavis.edu) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265752) * Try: * ``` .carousel-caption { top: 10px; } ``` * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265753) * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265757) * Sorry Andrew, That did not work. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265759) * Looks like you’ll have to do things like resize text or reduce padding. Are you okay with those changes? * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265764) * I changed the padding from 5% to 3%, made caption area smaller, but still goes over slider when screen size is reduced. Is there a way to make it fixed, realizing this is liquid layout? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265765) * Try: * ``` .carousel-image.slider-full img { max-width: initial; } ``` * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265766) * You may want to do that within a media query for just mobile * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265767) * I don’t think that did anything, let me show you what I have so far; \ /* Adjust the Slider Height */ #customizr-slider.carousel .item { height: 224px; min-height: 224px; line-height: 224px; } * .carousel-image.slider-full img { max-width: initial; } * /* Adjust the caption background color */ .carousel-caption { background: rgba( 0, 0, 0, 0.5); padding: 2%; top: 10px; } * \ * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265768) * I forget that initial only works on chrome, but you get the idea right? You need to override the 100% max-width style that’s applying to the slider image, otherwise it will resize on mobile and that’s not what you want(?). * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265770) * That is correct, I want it to fit within the slider image. Is there anyway to set the exact height of the caption to match that of the slider? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265772) * Not unless you want to compromise the content within it. * The caption will be at different heights depending on people’s font style settings in their browsers, therefore you can’t rely on reducing styles like padding. If you set a fixed height the caption area will not resize when text increases, meaning text will be cut off. * As the slider is fluid it never has an absolute height, so you’d never know what height to set the caption in CSS. * Thread Starter [deitercat](https://wordpress.org/support/users/deitercat/) * (@deitercat) * [12 years, 7 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/#post-4265773) * It’s a fickle world, the internet. I suppose I can live with it for now, at least it seems to be improved on the ipad at least horizontally. I appreciate your time on this Andrew. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/resizing-the-slider-caption/page/2/?output_format=md) [→](https://wordpress.org/support/topic/resizing-the-slider-caption/page/2/?output_format=md) The topic ‘Resizing the Slider Caption’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [carousel caption](https://wordpress.org/support/topic-tag/carousel-caption/) * 19 replies * 4 participants * Last reply from: [mdlvx](https://wordpress.org/support/users/mdlvx/) * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/resizing-the-slider-caption/page/2/#post-4266180) * Status: not resolved