Jump to content

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


Recommended Posts

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

 

post-1270916-0-54188400-1467033368_thumb.png

Link to comment
Share on other sites

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

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

Edited by Johnfox (see edit history)
Link to comment
Share on other sites

Подскажите как сделать фон текста полупрозрачным? 
Этот код я прописываю в блоке,получается текст на рисунке. Но текст с чисто белым фоном на рисунке как-то не очень смотрится. Думаю фон для текста нужен полупрозрачный белый ? А как сделать?
<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>

Link to comment
Share on other sites

Сейчас у меня так прописано,правильно? Ширина фона со всех сторон уменьшаются-кроме правой стороны.Может что-то не так прописал? Почему ширина фона правой стороны не уменьшаются ?
 .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>

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Здравствуйте.
Вам нужно править параметр 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;
}

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...