Jump to content
Johnfox

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

Recommended Posts

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

 

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

Share this post


Link to post
Share on other sites

Надо менять стиль  цвет размер и.т.д   в css файле.

Share this post


Link to post
Share on other sites

Они лежат в themes/default-bootstrap/css

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Edited by Johnfox (see edit history)

Share this post


Link to post
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>

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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;
}

 

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More