Перейти к содержанию
vanickiy

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

Рекомендуемые сообщения

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

11.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<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 - это и есть ширина страницы.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ksam.thumb.PNG.462bd5c811510fc95dde328e66d9876e.PNG

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, vanickiy сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, mesateri сказал:

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

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

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

<p> </p>

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В файле - stylesheet.css
строка 1999
 
@media (min-width: 1360px)
.container {
width: 1330px;
}

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

.information-information-3 #content {

    max-width: 1000px!important;

}

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

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

   max-width: 1000px!important;

}

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

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 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. Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 13.10.2017 в 20:22, vanickiy сказал:

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

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


<p> </p>

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
39 минут назад, vanickiy сказал:

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

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

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

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

 

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

 

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

 

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

    }

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, Grodas сказал:

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.