Как задать свой стиль для плагина Post for page

  • Решено wolfloki

    (@wolfloki)


    8 лет, 4 месяца назад

    Здравствуйте!
    Установила плагин Post for page, не получается задать стиль для вывода анонса. Тема Twenty fourteen.
    Каждый анонс содержится в контейнере div c class=»pfpItem». В моем случае он наследует padding-right: 45px; padding-left: 45px; от div class=»entry-content», а мне нужно чтобы были padding-right: 0px; padding-left: 0px
    `div.pfpItem entry-content
    {
    padding-right: 0px;
    padding-left: 0px;
    }`
    Не работает, в чем ошибка?
    В css да и во остальном не разбираюсь, но учусь. Прошу помочь 🙂

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Автор wolfloki

    (@wolfloki)

    8 лет, 4 месяца назад

    Скрин по ссылке

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    8 лет, 4 месяца назад

    Здравствуйте.

    Без ссылки на сайт сложно что-то сказать, но перед именами классов нужно указывать точку:

    div.pfpItem .entry-content
{
    padding-right: 0px;
    padding-left: 0px;
}

    Автор wolfloki

    (@wolfloki)

    8 лет, 4 месяца назад

    denisco, спасибо за ваш ответ

    div.pfpItem .entry-content
{
    padding-right: 0px;
    padding-left: 0px;
}

    Тоже не работает, сайт на локалке, пока не могу дать ссылку, а скрин не прикрепился:(
    Вставляю код в slyle.css вот сюда

    @media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 45px;
		padding-left: 45px;
	}
	 div.pfpItem .entry-content
{
    padding-right: 0px;
    padding-left: 0px;
}
}

    Не правильно?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    8 лет, 4 месяца назад

    Каждый анонс содержится в контейнере div c class=»pfpItem». В моем случае он наследует padding-right: 45px; padding-left: 45px; от div class=»entry-content», а мне нужно чтобы были padding-right: 0px; padding-left: 0px

    Если div.pfpItem вложен в .entry-content, а padding у .entry-content, то нужно указывать

    .entry-content
{
    padding-right: 0px;
    padding-left: 0px;
}

    Не правильно?

    В секции

    @media screen and (min-width: 1110px) {

    правила применяются только если текущий размер браузера больше 1110px в ширину, если это то что нужно — то правильно.

    Автор wolfloki

    (@wolfloki)

    8 лет, 4 месяца назад

    Да, но тогда padding поменяется на 0px на всех страницах, а не только на странице на которую выводит записи плагин Post for page

    Автор wolfloki

    (@wolfloki)

    8 лет, 4 месяца назад

    Методом проб и ошибок все таки получилось 🙂

    @media screen and (min-width: 1218px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		margin-right: 0px;
	}

	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary,
	.full-width .site-content footer.entry-meta {
		margin-right: auto;
	}
	div.pfpItem.entry-content{
		padding-right: 0px;
		padding-left: 0px;
	}
}

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Как задать свой стиль для плагина Post for page» закрыта для новых ответов.