Streaming live at 10am (PST)

How to create custom color text selection?


#1

I need add this :

p.red::selection {
background: #ffb7b7;
}
p.red::-moz-selection {
background: #ffb7b7;
}

How i can do it ?


#2

or this:

::selection {
background: #ff0000; /* Safari */
}

::-moz-selection {
background: #ff0000; /* Firefox */
}

#3

You'll have to add this custom CSS into the Custom Code tab of your site settings.


#4

Yes ! Its work! Thank you.
But what i need to do, if i want to make a different color in a different block ?


#5

Awesome! You will need to create a different class and set a different color in the custom code.


#6

Please help me.
How i can do it ?

Can you make a screenshot ?


#7

пропиши просто class

.redtext::selection {
background: #ff0000; /* Safari */
}

Пробуй, если что дай знать.


#8

Куда прописать то ?
Я так и не понял, в тело то вставлять можно, а вот как вешать на отдельные элементы CSS?


#9

В html и css совсем незнаеш ?

Первый скриншот. Там показано куда вставлять и даже текст. Что бы в каждом блоке индивидуально блоку прописывай класс.


#10

Да я дизайнер, CSS и HTML - изучаю только. И то, потому что, нашел удобный сервис для верстки сайтов, интересно поколдовать.

Сейчас попробую...


#11

Не получилось. Написал там

.redtext::selection {
background: #ff0000; /* Safari */
}

И назначил стиль:

Ничего не произошло.


#13

Ну или например смотри, мне надо CSS анимацию присвоить картинки. Я добавил в HEAD

<style type="text/css">.ex1 img{
    border: 5px solid #ccc;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.ex1 img:hover {
    margin-top: 2px;
}
</style>

Присвоил класс ex1 изображению - но с ним ничего не происходит....


#14