Как сделать, чтобы блочная цитата WordPress отображалась в левой части страницы, а не в правой? - PullRequest
Новая
       5

Как сделать, чтобы блочная цитата WordPress отображалась в левой части страницы, а не в правой?

2 голосов
/ 07 января 2011

Я очень новичок в этом. Я ценю любую помощь, которую я могу получить с этим. Я еще не нашел ответ в интернете. (По крайней мере, я не понимаю!)

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

<blockquote><p>Living a better life is less about things and more about being thankful.</p></blockquote>"

Ответы [ 4 ]

3 голосов
/ 07 января 2011

Как сказали выше уважаемые участники, также, если у вас есть плагин, такой как firebug, на firefox или в вашем браузере chrome, щелкните правой кнопкой мыши на цитате и выберите «проверить элемент». Затем вы увидите все правила (т.е. эффекты), примененные к этому элементу, и сможете показать / скрыть их, чтобы увидеть их влияние на элемент, что даст вам лучшее понимание того, что правила делают с вашим элементом.

Приветствие.

1 голос
/ 07 января 2011 
<blockquote style="text-align:left;">Test</blockquote>

Это изменит его на основе цитата за цитатой.

Лучшее решение - открыть файл style.css вашей темы, выполнить поиск blockquote и заменить text-align:right; на text-align:left;. Это изменит поведение или цитату всего сайта.

0 голосов
/ 06 сентября 2015

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

<blockquote class="alignleft">This is my quote</blockquote>

Я нашел это с помощью Chrome devtools для проверки примера надемоПоскольку у этой темы есть специальный класс с хорошим форматированием для выровненных кавычек, лучше использовать это, чем переопределять CSS настройками стиля.Обратите внимание, что при проверке элемента вы получаете прямые ссылки в CSS, которые можно использовать для проверки того, какие другие классы есть в теме - что очень полезно!Возможно, вам придется прочитать немного о синтаксисе CSS, чтобы интерпретировать его.

0 голосов
/ 07 января 2011

Что произойдет, если вы заключите элемент blockquote в его собственный элемент div? Такие как это: 

    <div>
       <blockquote>
           <p>Living a better life is less about things and more about being thankful.</p>
       </blockquote>
    </div>

Тогда вы, возможно, сможете управлять блок-цитатой как элементом блока div, используя float: left, устанавливая ширину больше, так, чтобы она перемещалась ниже любых элементов слева, или используя другие способы абсолютного позиционирования. *

...