Я создал плагин для отображения вкладки на всю страницу после вызова шорткода.Вот как это выглядит, когда я запускаю его.
Однако, когда я установил его, он выглядит следующим образом 
Как вы можете видеть, вкладка не только не полная страница, таблица стилей вкладок смогла повлиять на весь сайт и дезорганизовала его.Я хочу сделать вкладку полной ширины (от одного конца страницы до другого) и хочу, чтобы стиль для плагина влиял только на слайдер, возвращаемый плагином.Я использую компоновщик страницы elementor, и я попытался установить значение поля контейнера elementor равным 0. Это уменьшило пространство, но этого все еще недостаточно, как вы можете видеть из изображения.Макет моего сайта уже установлен на полную ширину.Я был бы признателен за любую помощь, которую я могу получить.Вот CSS для плагина ниже.
.elementor-container {
margin: 0px !important;
}
.bs-example {
margin-top: 20px;
margin-bottom: 20px;
}
.hide23 {
border-style: none !important;
}
.tab-pane {
margin: 20px;
}
.selected {
border-bottom: 2px solid #FF7F50;
}
@media screen and (min-device-width: 300px) {
.tab-content {
width: 50% !important;
}
}
@media screen and (max-width: 800px) {
/* li {width:50%;}*/
ul {
display: none !important;
}
}
@media all and (max-width: 959px) {
.elementor-container {
max-width: 100% !important;
}
.elementor-column-gap-default {
max-width: 100% !important;
}
}
h3 {
font-size: 2vw;
color: black;
}
a {
background-color: #fff !important;
}
ul:hover {
color: transparent!important;
}
ul {
border-style: none !important;
/*border-bottom: 2px solid #FF7F50 !important;*/
}
{
display: inline !important;
color: black;
}
.span-active {
border: 2px solid #FF7F50;
border-radius: 100%;
font-size: 15px;
padding-right: 5px;
padding-left: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: -5px;
color: white;
background-color: #FF7F50;
}
.span-inactive {
border: 2px solid grey;
border-radius: 100%;
font-size: 15px;
padding-right: 5px;
padding-left: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: -5px;
color: grey !important;
background-color: white;
}
.inactive {
color: grey !important;
}
.progress-bar {
background-color: #FF7F50;
}
Дайте мне знать, если вам нужно что-нибудь еще.Я прошу прощения, если ответ очевиден.Я новичок в разработке WordPress