2013-12-05 3 views
1

Довольно новый этот материал кодирования так что простите невежество :)Встроенный стиль не будет перезаписывать

Я пытаюсь удалить некоторые инлайн стиль от этого Wordpress темы, которые я понимаю, переписывает все внешние CSS файлы.

Когда я 'проверяю элемент', я получаю следующее, и смена hidden на visible справа работает. Но обычно это говорит о том, как style.css:202 или какой-либо строке CSS, которую мне нужно изменить, и именно так я обычно это делаю. На этот раз, хотя очевидно, что он говорит element.style {, и я вижу, что style="overflow: hidden; с левой стороны (выделено).

http://i.imgur.com/qkKHsy0.jpg

Как бы я идти о сути делает, что переполнение видно?

Я добавил следующие пользовательские CSS, но он просто вычеркивает переполнение и ничего не меняет:

.slides_container[style] {overflow:visible !important;} 

Спасибо большое!

+0

пытается с переполнением: авто; – anand4tech

ответ

1

Для меня overflow:auto!important и overflow:visible!important оба работают красиво. Смотрите здесь: http://jsfiddle.net/mayankcpdixit/h7JmT/

+0

Спасибо за ответ. Установка .slides_container [style] overflow: auto! Important;} сработала, но она добавляет полосы прокрутки к изображениям, которые им не нужны. Площадь 600x480, равно как и изображения. Я думаю, что он делает, это добавление полос прокрутки, а затем прокрутка, чтобы показать 10 пикселей или так, что полосы прокрутки блокируются. – user3069763

+0

См. Здесь: http://www.acjjphotography.com/#/sureguard – user3069763

+0

Невозможно увидеть что-либо в данной ссылке. переполнение: авто; на самом деле предполагается добавить полосу прокрутки, поэтому она используется. – mayankcpdixit

0

Это потому, что есть javascript, который добавляет эти стили при загрузке документа. И я считаю, что это какой-то слайдер, где обычно переполнение скрыто. Если вам нужен слайдер, где отображается переполнение, выберите желаемый слайдер и используйте его. Перед тем, как сделать это, удалите данный слайдер.

положить

overflow: visible !important 

позволит вам отдать предпочтение над стилями, наследующих от других источников стиля. Но не будет останавливать изменение JavaScript в javascript.

Я считаю, что это один ниже созданный Roxon даст вам некоторое представление о переполнении: видимые ползунки http://jsfiddle.net/roXon/tMxp5/1/

+0

Спасибо за ответ. Добавление правила переполнения к определенному слайдеру сделало трюк, но я до сих пор не знаю, как добавить это в фактическую тему, а не только временные изменения в бите элемента проверки Chrome. Настройка .slides_container [style] overflow: auto! Important;} в моем пользовательском CSS работает, но он добавляет полосы прокрутки к изображениям, которые им не нужны. Площадь 600x480, равно как и изображения. Я думаю, что он делает, это добавление полос прокрутки, а затем прокрутка, чтобы показать 10 пикселей или так, что полосы прокрутки блокируются. Есть идеи? См. Здесь http://www.acjjphotography.com/#/sureguard – user3069763

+0

, когда вы редактируете его с помощью элемента проверки, вы фактически меняете стили, заданные javascript при загрузке документа.Javascript обычно устанавливает стили как атрибуты стиля (или иначе называемые стилями стилей). используя overflow: auto не даст вам необходимый вам контроль. Это может действовать по-разному в разных браузерах. Мой совет - либо посмотреть на плагин javascript, либо изменить код там (немного сложный метод), либо изменить плагин (простой способ, и у вас много доступных ползунков). может быть какой-то код в скрипке, я его подстрою, если вы пожелаете –

Смежные вопросы