Carousel Under Slider

I was able to resize the images in the slider, and the thumbnails of those images in the carousel under the slider in the css. However, I can't figure out how to change the 221px width of where the thumbnails are in the carousel. I have the images set to be 80px wide, since they're all portrait now, but they then have a ton of space on the sides of them, since they're only 80px wide. How do I fix that? I can't find where it's pulling the 221px setting from. Please help. Thank you, and happy Holi.

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

#carousel ul.slides li {
width: 66px ! important;
}
#carousel ul.slides li img {
width: 80px;
}

Now, Go to the front-page.php file present in the theme directory and edit the code as shown in the image given below


This will solve your issue.

 

Thank you! I appreciate all of the help you guys provide.