#addonWrapper - Question | JoomShaper

#addonWrapper

Dmitry Goncharov

Dmitry Goncharov

SP Page Builder 4 years ago

https://ibb.co/TP7XDty

Can you explain what this ID is written for? For the column? You can link to the documentation that describes this method.

#addonId these are the styles for the current addon

It doesn't work that way for the column

#columnId:hover {
 background: #ffffff;
}

You can of course write this, but this is only the style for a specific addon and when duplicating the addon, the styles will not be applied.

#column-id-1619931719975

0
5 Answers
Pavel
Pavel
Accepted Answer
4 years ago #16084

https://ibb.co/TP7XDty

Это не правильное место для написания такого кода. Ко всему коду, добавляемому в это поле, автоматически добавляется ID аддона в выходном коде. Поэтому, там нельзя использовать ID и медиа запросы. Вы получаете неправильный селектор с двойным ID, или медиа запрос перед которым находится ID аддона. Из этого поля нельзя управлять стилями враппера и тем более колонки, так как враппер является родителем для всего остального кода аддона, а колонка родителем для враппера. Из дочернего элемента нельзя управлять свойствами родителя. Добавляете в аддон свой класс или используете существующие в аддоне классы (дочерние для ID). Только такой код может быть здесь.

Поэтому изучение html/ css очень важно даже для визуальных редакторов.

Для понимания, добавьте класс в аддон и посмотрите в коде, куда он добавился. Вот именно с этого уровня и ниже вы сможете управлять стилями в этом поле. Враппер не доступен, он находится выше.

Когда что-то не работает, обратитесь к инспектору кода и вы всегда поймете причину и суть.

Подобный код следует размещать на более глобальном уровне - в css страницы, в поле css стиля шаблона, в custom.css файле.

В целом, вобще не желательно использовать это поле (только для прикидки и дальнейшего переноса), так как весь код добавленный туда размещается прямо на странице, причем внутри body. Что плохо для скорости и валидации.

0
Dmitry Goncharov
Dmitry Goncharov
Accepted Answer
4 years ago #16086

https://ibb.co/fpKSDsv

I know exactly how to do it. I need to understand why developers do this themselves. So the developers are deliberately misleading us? Applying these styles

0
Pavel
Pavel
Accepted Answer
4 years ago #16087

Not an understanding of the principles of work is not misleading. Sit a couple of days with a code inspector and understand everything.

Я часто вижу что во многих дизайнах от Joomshaper есть не профессиональные приёмы вёрстки. Скорее всего это связано с тем, что команда разработчиков не учавствует в этом. Только команда дизайнеров.

0
Dmitry Goncharov
Dmitry Goncharov
Accepted Answer
4 years ago #16088

Well, I've been sitting in the code inspector for a long time. That's why I'm trying to understand the techniques of developers.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #16191

Hi there, You can add a CSS class inside the column settings and you can write the CSS code under CSS class.

https://prnt.sc/12f8plm

-Thanks

0