Dynamcor, at least one of your images you used for the slider is 1500 x 350 size.
What the Renden ThinkUpSlider does is adjusts the size to fit the slider so if your image is too big, some of it gets cut off, if its too small it gets enlarged. Its bad enough the slider blurs the image a bit already.
The size that works with this ThinkUpSlider in the Renden theme is 1400 x 360 (max), where it does barely any scaling of the image.
So you would either have to scale your images in a good photo editor as Adobe’s Photoshop or any other good editor or you have to cut out the exact size of 1400 x 360. Any text you want would have to go into that image after its cut.
As a side note:
2 things,
1. Font size for the menu is way too small in a Desktop screen (its ok in the mobile screen).
2. Slider images, on the vehicle wrap, you inserted some text into the theme customizer for the slider. The text is hard to read, its white against a bright colored background.
There is no theme customize feature to address this, so you have to make adjustments in customize CSS. So here is the custom CSS I used to make the needed adjustments (and works fine in mobile screens).
/*FONT SIZE & COLOR CHANGES – MENU & CONTENT*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, cite,
del, dfn, em, font, q, s, samp,
strike, strong,
ol, ul, li,
fieldset, form, label, legend,
tbody, tfoot, thead, tr {
font-size: 100.8% !important;
}
/*SLIDER IMAGE LABEL ADJUSTMENTS*/
#slider .featured-title span {
padding: 10px !important;
color: #FFF !important;
font-size: 1.9vmax !important;
background-color: rgba(0,0,0,0.65);
border-radius: 12px !important;
}
#slider .featured-excerpt span {
padding: 10px !important;
color: #FFF !important;
font-size: 1.2vmax !important;
line-height: 55px;
background-color: rgba(0,0,0,0.65);
border-radius: 12px !important;
}
The slider labels are given a black background with transparency and white letters to stand out. The “! important” is needed.
Hope that helps.
