Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

11.png

Link to post
Share on other sites

<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 - это и есть ширина страницы.

Link to post
Share on other sites

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?

Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

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

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

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

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

<p> </p>

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

Link to post
Share on other sites

В файле - stylesheet.css
строка 1999
 
@media (min-width: 1360px)
.container {
width: 1330px;
}

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

Link to post
Share on other sites

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

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

.information-information-3 #content {

    max-width: 1000px!important;

}

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

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

   max-width: 1000px!important;

}

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

Edited by jaffagold
Link to post
Share on other sites

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

Link to post
Share on other sites

В 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. Спасибо.

Link to post
Share on other sites

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

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

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


<p> </p>

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

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

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

Link to post
Share on other sites

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

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

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

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

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

 

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

 

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

 

Edited by jaffagold
Link to post
Share on other sites

если нужно изменить ширину контента только для информационных страниц, то можно в файле \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; // если нужно выровнять по левому краю

    }

}

Link to post
Share on other sites

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

Link to post
Share on other sites

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

@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. Но ничего не поменялось. Может сможете подробнее объяснить что можно сделать? Спасибо.

Link to post
Share on other sites

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 и теперь стало получше, второй вариант не получился. Но и так тоже не плохо, читается текст гораздо приятнее.

Link to post
Share on other sites

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 должны закрываться 

  • +1 1
Link to post
Share on other sites

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

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

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

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

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

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.