Support » Plugin: OtFm Gutenberg Spoiler - (or FAQ) collapse block » Заменить “+” и “-” на свои символы

  • Подскажите какие псевдоселекторы добавить в .otfm-sp__title::before и after чтобы вместо “+” в свёрнутом и “-” в развёрнутом варианте заголовка задать свои символы или графические пиктограммы?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Otshelnik-Fm

    (@otshelnik-fm)

    Здравствуйте.
    Хороший вопрос, поэтому я и попросил его задать тут – другим пригодится.
    У меня получилось с помощью произвольного css:

    .otfm-sp__title::after, 
    .otfm-sp__title::before {
    	background: transparent !important;
    	width: 20px;
    	height: 20px;
    	display: block;
    	transform: none !important;
    	left: 6px;
    	top: 6px;
    }
    .otfm-sp__title::after {
    	content: "➕";
    	top: 5px;
    }
    .js-otfm-sp__opened .otfm-sp__title::after {
    	content: "💤";
    	opacity: 1;
    }
    Plugin Author Otshelnik-Fm

    (@otshelnik-fm)

    В “content” вы можете использовать текст, эмодзи или элементы из вашего иконочного шрифта (если у вас на странице он есть – но тогда font-family его указать надо будет ещё)
    В общем там это кастомизируется.

    Если плагин вам нравится – будет замечательно если вы поставите ему оценку https://wordpress.org/support/plugin/otfm-gutenberg-spoiler/reviews/

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.