Здравствуйте!

Подскажите где можно убрать полную прозрачность категории, и поставить, к примеру, матовую прозрачность как на NavBar ?

 

Понял что нужно размытие делать так: 

    -webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);

Но не могу найти куда вставлять, получается размыть только background самого форума, а не категории.

52 минуты назад, Fame сказал:

Понял что нужно размытие делать так: 

    -webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);

Но не могу найти куда вставлять, получается размыть только background самого форума, а не категории.

.ipsType_sectionTitle

5 минут назад, cyr4x сказал:

.ipsType_sectionTitle

.ipsType_sectionTitle{
    background: var(--sectiontitle--background);
    font-size: var(--sectiontitle--font-size);
    border-radius: var(--sectiontitle--border-radius);
    border-width: var(--sectiontitle--border-width);
    border-style: var(--sectiontitle--border-style);
    border-color: var(--sectiontitle--border-color);
    box-shadow: var(--sectiontitle--box-shadow);
    text-shadow: var(--sectiontitle--text-shadow);
    padding: var(--sectiontitle--padding);

Вот. Я не могу найти где --sectiontitle--background 🤣 Или это я тупой и не получается))

background: var(--sectiontitle--background);

Вы меня начинаете пугать

есть же ctrl+F

1 минуту назад, cyr4x сказал:

background: var(--sectiontitle--background);

Вы меня начинаете пугать

есть же ctrl+F

Так я это всё вижу. Я спрашиваю про другое. Вот я нашёл далее эту строку, что бы я не менял, ничего не получается -.- Вместо --theme-section_title нужно получается поставить размытие?

--sectiontitle--background: rgb(var(--theme-section_title));

 

background: var(--sectiontitle--background);

под это добавьте размытие ваше 

Ничего не получается... 

Вообщем, решил я дописать "opacity: 0.2", и я получил тот эффект что и хотел, но теперь появился второй вопрос. Где можно изменить чтобы название категории было на переднем плане (типо z-index)?

.ipsType_sectionTitle{
	box-shadow: var(--sectiontitle--box-shadow);
    opacity: 0.2;
	border: var(--sectiontitle--border);
	text-shadow: rgba(0,0,0,0.6) 0px 1px 1px, rgba(0,0,0,0.2) 0px 0px 4px;
	padding: 18px;
	font-size: {fontsize="15"};
	border-radius: var(--box--radius);
	margin-bottom: 6px;

Спойлер

Нужно добится эффекта, чтобы текст был на переднем плане и был белого цвета. Сейчас стоит цвет #FFFFFF, но так как сам текст находится под background, команда opacity его затемнила.

 

Может кто-то помочь?)

Сделал сам, может кому-то пригодиться:

.ipsType_sectionTitle{
  box-shadow: var(--sectiontitle--box-shadow);
  border: var(--sectiontitle--border);
  text-shadow: rgba(0,0,0,0.6) 0px 1px 1px, rgba(0,0,0,0.2) 0px 0px 4px;
  padding: 18px;
  font-size: {fontsize="15"};
  border-radius: var(--box--radius);
  margin-bottom: 6px;
  position: relative; 
  overflow: hidden;
 
}

.ipsType_sectionTitle a{
    z-index: 1;
    position: relative;
}

.ipsType_sectionTitle:before {
position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.2;
    content: "";
}

 

Тему можно закрывать.