Нечитаемые надписи на блоках-что можно сделать?

[Johnfox]

Всем здравствуйте! Пробую сделать сайт.. Сделал меню блоками(не знаю как правильно назвать)) в общем на фоне изображения надписи очень плохо читаются. Подскажите пожалуйста что можно придумать чтобы надписи были более читабельны ?

 

[Johnfox]

А где лежит этот CSS файл ?

[SupportPS]

Здравствуйте. Сделайте фон для текстового блока, добавьте прозрачность если нужно.

[Johnfox]

Здравствуйте. Сделайте фон для текстового блока, добавьте прозрачность если нужно.

Доброго времени суток. В этом деле я чайник     Если можно хотя бы в вкратце объясните где-что делать чтобы добавить фон для текста? Буду очень благодарен. 

Edited June 28, 2016 by Johnfox (see edit history)

[Johnfox]

Подскажите как сделать фон текста полупрозрачным? 
Этот код я прописываю в блоке,получается текст на рисунке. Но текст с чисто белым фоном на рисунке как-то не очень смотрится. Думаю фон для текста нужен полупрозрачный белый ? А как сделать?
<span style="font-family:Arial;font-size:30px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:capitalize;line-height:34px;color:#000000;background-color:#FFFFFF;">ОДЕЖДА ДЛЯ ВЫШИВАНИЯ</span>

[SupportPS]

Цвет фона исправьте на:

background-color:rgba(255, 255, 255, 0.5);

[Johnfox]

Сейчас у меня так прописано,правильно? Ширина фона со всех сторон уменьшаются-кроме правой стороны.Может что-то не так прописал? Почему ширина фона правой стороны не уменьшаются ?
 .myclass{
    display:block;
    padding:1px;
    font-size:30px;
    font-weight:bold;
    text-transform:capitalize;
    line-height:34px;
    color:#000000;
    background-color: rgba(255, 255, 255, 0.5);
}
В шаблоне так:
<span class="myclass">ФУРНИТУРА</span>
<div class="goods-category">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
<div>Купить</div>

</div>

[SupportPS]

Напишите ссылку на ваш сайт, где я могу увидеть этот блок.

[Johnfox]

www.tvoe.in там два нижних блока так сделаны. Спецы говорят что там где-то в правилах скорее всего есть еще одно правило которое переопределяет то правило что я прописал,поэтому такая бяка с правой стороной,а как понять что и где там корректировать    

[SupportPS]

Здравствуйте.
Вам нужно править параметр padding в файл /themes/theme1248/css/modules/themeconfigurator/css/hooks.css

cтрока 37:

#htmlcontent_top ul li a .item-html {

    padding: 10px 155px 20px 20px;

    position: absolute;

    top: 0;

}