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

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

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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