How to create custom color text selection?

Publishing help General
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.

2452×1178 152 KB

4

1430×634 173 KB

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 изображению - но с ним ничего не происходит…