Ширина текста на странице сайта

[vanickiy]

Подскажите как уменьшить ширину текста. У меня на сайте он растягивается на всю ширину страницы. Спасибо.

[mesateri]

<div style="width:90%;margin: auto;">
  
  
  <h1>Политика конфиденциальности</h1>
      <p><strong>ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ </strong></p>
<p> </p>
<p>г. Барановичи</p>
<p>БЛАЛАЛАЛАЛАЛ</p>
  
  
</div>

Можно обернуть в div как показано выше, чтобы не поехала верстка. Открывать файл \catalog\view\theme\default\template\information\information.tpl

Параметр width - это и есть ширина страницы.

[theRGD]

покупкой монитора побольше

[vanickiy]

26 минут назад, mesateri сказал:

<div style="width:90%;margin: auto;">
  
  
  <h1>Политика конфиденциальности</h1>
      <p><strong>ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ </strong></p>
<p> </p>
<p>г. Барановичи</p>
<p>БЛАЛАЛАЛАЛАЛ</p>
  
  
</div>

Можно обернуть в div как показано выше, чтобы не поехала верстка. Открывать файл \catalog\view\theme\default\template\information\information.tpl

Параметр width - это и есть ширина страницы.

То есть если я правильно понимаю можно уменьшить ширину уменьшив процент с 90 до скажем 60?

[mesateri]

Только что, vanickiy сказал:

То есть если я правильно понимаю можно уменьшить ширину уменьшив процент с 90 до скажем 60?

да, но 60 процентов - это , мягко говоря, на любителя-))

[vanickiy]

8 минут назад, mesateri сказал:

да, но 60 процентов - это , мягко говоря, на любителя-))

Коим я сейчас и являюсь. Первый мой серьезный сайт. 

Но если не так то получается нужно вручную каждую строчку подбирать через 

<p> </p>

или можно через div, но вопрос тотже как сделать ширину одинаковой и красивой на всей странице. Спасибо.

[Eldaeron]

В файле - stylesheet.css

строка 1999

 

@media (min-width: 1360px)
.container {
width: 1330px;
}

Удалите или закоментируйте, будет поменьше.

[jaffagold]

А если просто, но целенаправленно сделать?

Только для этой страницы стили:

.information-information-3 #content {

    max-width: 1000px!important;

}

Если и для других информационных тоже надо сделать, то немного иначе:

body[class^="information-information"] #content {

   max-width: 1000px!important;

}

1000 поменяйте на свое любимое число

Змінено 13 жовтня 2017 користувачем jaffagold

[bbk37]

А можно и схему для этой страницы создать и ширина контента уменьшится если левую или правую колонку добавить и модулей можно понапихать. Будет более информативно.

[vanickiy]

В 13.10.2017 в 22:15, jaffagold сказал:

А если просто, но целенаправленно сделать?

Только для этой страницы стили:

.information-information-3 #content {

    max-width: 1000px!important;

}

Если и для других информационных тоже надо сделать, то немного иначе:

body[class^="information-information"] #content {

   max-width: 1000px!important;

}

1000 поменяйте на свое любимое число

Извините, не подскажите в какой папке мне найти файл в которой находится моя статья (Статьи). Через FTP. Спасибо.

[vanickiy]

В 13.10.2017 в 20:22, vanickiy сказал:

Коим я сейчас и являюсь. Первый мой серьезный сайт. 

Но если не так то получается нужно вручную каждую строчку подбирать через 

<p> </p>

или можно через div, но вопрос тотже как сделать ширину одинаковой и красивой на всей странице. Спасибо.

Извините, не подскажите в какой папке мне найти файл в которой находится моя статья (Статьи). Через FTP. 

По тому пути который Вы мне прописали ее нет. Спасибо.

[jaffagold]

39 минут назад, vanickiy сказал:

Извините, не подскажите в какой папке мне найти файл в которой находится моя статья (Статьи). Через FTP. Спасибо.

Статья не находится в файле.

Статья находится в Базе данных сайта.

Зачем вам нужен этот "файл" и что вы хотите с ним сделать?

 

Вы пробовали прописать в самый конец файла stylesheet.css те стили, что указаны выше?

 

Шаблон вывода всех информационных статей находится в файле \catalog\view\theme\default\template\information\information.tpl

 

Змінено 17 жовтня 2017 користувачем jaffagold

[Grodas]

если нужно изменить ширину контента только для информационных страниц, то можно в файле \catalog\view\theme\Ваша_тема\template\information\information.tpl заменить класс http://prntscr.com/gyk5lw col-sm-12 например на col-sm-10 (бутстраповские колонки от 1 до 12)

или в файле стилей /catalog/view/theme/Ваша_тема/stylesheet/stylesheet.css добавить

@media (min-width: 1360px)

    body[class^="information-information"] .noleft {

       max-width: 1000px;

       margin-left: 0; // если нужно выровнять по левому краю

    }

}

[vanickiy]

Может подскажите в какую строку добавить или после чего? Спасибо.

[vanickiy]

Извините за назойливость но я добавлял

@media (min-width: 1360px) {     body[class^="information-information"] .noleft {        max-width: 1000px;        margin-left: 0;     }

в низу обоих файлов stylesheet.css По адресам /catalog/view/theme/barbaratheme/stylesheet/stylesheet.css и /catalog/view/theme/default/stylesheet. Но ничего не поменялось. Может сможете подробнее объяснить что можно сделать? Спасибо.

[vanickiy]

20 часов назад, Grodas сказал:

если нужно изменить ширину контента только для информационных страниц, то можно в файле \catalog\view\theme\Ваша_тема\template\information\information.tpl заменить класс http://prntscr.com/gyk5lw col-sm-12 например на col-sm-10 (бутстраповские колонки от 1 до 12)

или в файле стилей /catalog/view/theme/Ваша_тема/stylesheet/stylesheet.css добавить

@media (min-width: 1360px)

    body[class^="information-information"] .noleft {

       max-width: 1000px;

       margin-left: 0; // если нужно выровнять по левому краю

    }

}

Спасибо, изменил 12 на 9 и теперь стало получше, второй вариант не получился. Но и так тоже не плохо, читается текст гораздо приятнее.

[Grodas]

19 часов назад, vanickiy сказал:

Извините за назойливость но я добавлял

@media (min-width: 1360px) {     body[class^="information-information"] .noleft {        max-width: 1000px;        margin-left: 0;     }

в низу обоих файлов stylesheet.css По адресам /catalog/view/theme/barbaratheme/stylesheet/stylesheet.css и /catalog/view/theme/default/stylesheet. Но ничего не поменялось. Может сможете подробнее объяснить что можно сделать? Спасибо.

У вас используется тема barbaratheme http://prntscr.com/gz9dtf так что нужно вносить изменения только в файле /catalog/view/theme/barbaratheme/stylesheet/stylesheet.css во втором вы просто не увидите никаких изменений на сайте. 

убедитесь, что вы сохранили изменения в файле стилей

если да, то можете нажать ctrl + F5 для перезагрузки страницы с очисткой кэша

и обратите внимание, что-бы были закрыты 2 скобки http://prntscr.com/gz9k73 2 открываются и 2 должны закрываться 

[vanickiy]

3 часа назад, Grodas сказал:

У вас используется тема barbaratheme http://prntscr.com/gz9dtf так что нужно вносить изменения только в файле /catalog/view/theme/barbaratheme/stylesheet/stylesheet.css во втором вы просто не увидите никаких изменений на сайте. 

убедитесь, что вы сохранили изменения в файле стилей

если да, то можете нажать ctrl + F5 для перезагрузки страницы с очисткой кэша

и обратите внимание, что-бы были закрыты 2 скобки http://prntscr.com/gz9k73 2 открываются и 2 должны закрываться 

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