css - вертикальный отступ картинок

[leonamx]

Добрый день!
Не могу понять как убрать горизонтальный отступ картинок на главной странице.

Помогите пожалуйста найти решение. Спасибо!
Код на баннера:

<div class="banner-box">
     <div class="row">
    <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/casio" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/g-shock-banner.png" class="img-responsive" alt="g-shock">
                </a>
            </div>
        </div>
        <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>
    <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/orient" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/orient-banner.png" class="img-responsive" alt="orient">
                </a>
            </div>
        </div>
         <div class="col-sm-6 col-xs-1">
            <div class="image-box">
                <a href="https://site.ru/swiss_military" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/swiss-military-banner.png" class="img-responsive" alt="swiss-military">
                </a>
            </div>
        </div>
     </div>
</div>

[SiteMix]

51 минуту назад, leonamx сказал:

Не могу понять как убрать горизонтальный отступ картинок на главной странице.

 

А он там есть? Может быть просто размер картинки в настройках выставлен такой?

 

Если всё же отступ есть, то нужно смотреть у какого элемента. Попробуй такие варианты:

.banner-box img {...}

или

.banner-box .image-box {...}

 

UPD: Смотрю, картинка добавлена. тогда написанное выше не катит.

Змінено 14 червня 2017 користувачем SiteMix

[Miha7685776]

отступы от сеток padding:0 15px;

убирать можно с классом row

col-xs-0 нет такого, но ладно

 <div class="col-sm-6 col-xs-0">
            <div class="image-box row">

Змінено 14 червня 2017 користувачем Miha7685776

[leonamx]

36 минут назад, Miha7685776 сказал:

отступы от сеток padding:0 15px;

убирать можно склассом row

Подскажите пожалуйста как должен выглядеть код относительно моего. Не могу понять(((. Спасибо

[Shureg]

28 минут назад, leonamx сказал:

Подскажите пожалуйста как должен выглядеть код относительно моего. Не могу понять(((. Спасибо

Да  кто же его знает, какой у вас код. Ссылок вы не даете, css неизвестен

[Miha7685776]

1 час назад, leonamx сказал:

Подскажите пожалуйста как должен выглядеть код относительно моего. Не могу понять(((. Спасибо

 

лень берет свое. даже угадать различия лень, даже прогуглить 10 минут тоже лень. нет?

найди 10 отличий

 

        <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

 

 

        <div class="col-sm-6 col-xs-0">
            <div class="image-box row">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

[leonamx]

5 часов назад, Miha7685776 сказал:

 

лень берет свое. даже угадать различия лень, даже прогуглить 10 минут тоже лень. нет?

найди 10 отличий

 

        <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

 

 

        <div class="col-sm-6 col-xs-0">
            <div class="image-box row">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

Спасибо!! В гугле по найденным мной статьям информации я не нашёл... всё перепробовал - безрезультатно...