2016-01-09 3 views
0

Я работаю над wordpress. Я попытался использовать элемент проверки, чтобы переместить строку текста, которая в основном перекрывает другую строку текста в плагине ecwid.Как добавить дополнение к элементу на моей странице?

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

На моей странице, где он говорит, что $ 205 за продукт, был $ 295 трогает его, и я хочу отделите это от фактической цены.

Как я могу это достичь?

Я попытался с помощью этого кода

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-compareTo-container{ 
padding-bottom: 5px; 
    } 

здесь посмотреть на то, что им ВЕ

https://surveillanceshack.com/store/#!/Elec-Surveillance-system-w-4-bullet-&-4-dome/p/55396210/category=0

+0

может кто-то, пожалуйста, зайти на страницу проверки .... что хуже на этой странице ... каждая строка текста перекрывается ... вы можете просто ввести любой тип информации, чтобы перейти на страницу im ссылаясь на .... его страница была ppl будет inter в там информация кредитной карточки ..... thats моя BIIGEST ПРОБЛЕМА ... iv была подчеркнута весь день над этим – chris

ответ

1

Добавить высоту строки так:

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price { 
    font-size: 24px; 
    font-weight: 400; 
    color: #a20505; 
    white-space: nowrap; 
    line-height: 21px; 
} 

Оба ваших цены включены в один и тот же div. Когда у вас есть текст, который обертывается, единственный способ разделить их - определить высоту между строками.

Чтобы устранить проблему оформления заказа зафиксировать высоту строки там, а в этом классе:

.hentry table, #comments table { 
    margin-bottom: 1em; 
    font-size: 80%; 
    line-height: 21px; 
} 

Если вы хотите, чтобы устранить эту проблему в одном CSS набор инструкций сделать это вместо того, чтобы:

.hentry table, #comments table, .ecwid-productBrowser-price { 
    line-height: 21px; 
} 
+0

ok причина У меня такая же проблема на моем контроле page man ... и спасибо за то, что помогли мне ... на моей странице проверки, где люди будут вводить там информацию о кредитной карте ..... каждая строка текста перекрывается на другую .... будет ли это исправлять эту проблему как Что ж? – chris

+1

@chris - Похоже, вы должны настроить свою * базовую высоту линии для сайта. Вероятно, это вызывает все эти проблемы. Я вижу, что это 1.3em - это довольно коротко. Скорее всего, вы захотите, чтобы он был немного выше (не пикселей, а em), например, 1.5 или 1.6em. –

+0

Невероятно, если вы посмотрите на инструкции, которые вы говорите, чтобы сделать это, только когда HTML идет по тому же пути как показано в этом правиле CSS. Лучший способ - найти общий класс, который вы можете присоединить, когда вам это нужно, или найти общую область действия – LOTUSMS

0

это пролет элемент, чтобы набивка активной, вам нужно добавить:

{ 
display :inline-block; 
} 
0

вы можете себе t для элемента «был».

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-compareTo-container, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-save-container { padding-bottom:5px; }

1

Вопрос заключается в том, что это пядь элемент, который на самом деле не принимают маржу/отступы хорошо.

элемент в вопросе заключается в следующем:

html#ecwid_html body#ecwid_body .ecwid span 

Таким образом, чтобы сделать его иметь пространство над ним, вы можете добавить этот стиль в таблице стилей (в конце):

html#ecwid_html body#ecwid_body .ecwid span { 
    display: inline-block; 
    padding-top: 15px; 
} 

Adjust padding-top, чтобы выбрать нужный макет.

В качестве альтернативы, вы можете сделать это за счет увеличения line-height элемента (в этом случае он не должен быть display: inline-block):

html#ecwid_html body#ecwid_body .ecwid span { 
    line-height: 2.5em; 
} 
+0

aye man второй код, который вы мне дали, работал ... будет ли работать другой вопрос, который у меня выше? – chris

+0

Пожалуйста, взгляните на комментарий, который я разместил выше, это главная проблема ... Я попытался добавить пробел к коду, но он не работал ... как я уже сказал, вы исправили первый выпуск, который у меня был ... поэтому, пожалуйста, загляните в другую ... Я дам вам лучший ответ в любом случае ... – chris

0

(Ecwid команда здесь)

В то время как ответы здесь может помочь решить проблемы самостоятельно, мы будем исследовать, как Ecwid работает с вашей темой «DMS» и обязательно исправьте ее на нашей стороне.Проблема уже находится в очереди наших разработчиков, и в ближайшем будущем мы выберем решение в одном из обновлений плагина Ecwid.

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