Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 12, 2014 at 10:42 pm #278334
    rjflaherty

    Hello,

    I am trying to adjust the height of the slider on the homepage of a site I am developing. When the browser size is below 920px, the text gets cutoff.

    http://abtlaw.ryanflaherty.us/

    Any help in identifying the proper element is appreciated.

    -RF

    June 13, 2014 at 9:00 am #278515
    Dude

    Hi rjflaherty!

    Please use this code to adjust the font size of the text and paddings of the caption:

    
@media only screen and (max-width: 767px) and (min-width: 480px){
.responsive #top .slideshow_caption h2 {
font-size: 20px;
}

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
padding: 0px 15px;
}

}

    Regards,
    Peter

    June 13, 2014 at 4:02 pm #278617
    rjflaherty

    Thanks Dude. Unfotunately, this is not working. I tried several combinations of font size and padding, but the photo itself is still getting cut off at the bottom on smaller media. Need to adjust the size of the photo(or container) so that it is all visible. Which element controls this?

    Ryan

    June 17, 2014 at 3:15 pm #280032
    Devin

    Hey!

    I tried the site above but the image isn’t getting cropped at any point I can see. What specific screen size is this happening at?

    Regards,
    Devin

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.