WordPress Style.css Ошибка заголовка - PullRequest
Новая
       7

WordPress Style.css Ошибка заголовка

0 голосов
/ 25 августа 2018

В настоящее время я работаю над сайтом, и по какой-то причине я озадачен размером логотипа / баннера, потому что единственный вариант для темы - импортировать логотип и использовать его. я загрузил баннер и хочу, чтобы он шел прямо и идеально подходил? кто-нибудь может мне помочь

Сайт здесь! [НАЖМИТЕ МЕНЯ]

Вот style.css НАЖМИТЕ МНЕ, ЧТОБЫ ПОЙТИ В ПАСТЕБИН 

 The code is more than the character limit

Пожалуйста, кто-нибудь может мне помочь?

Спасибо.

Ответы [ 3 ]

0 голосов
/ 25 августа 2018

Существует два способа решения этой проблемы, один из которых задает для столбца navbar значение col-sm-12 , таким образом ширина контейнера будет равна 100%, и она будет автоматически принимать полную ширину.Поскольку в настоящее время он получает col-sm-4 , что означает 33,33%.

Добавление ширины более 100% никогда не является хорошей практикой, вы можете добавить этот код в таблицу стилей для второго варианта.

.navbar-brand {
    width: 1140px !important;}
0 голосов
/ 27 августа 2018

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

Добавьте это 

.navbar-brand
{
padding:0;
margin:0;
}

и удалите класс начальной загрузки col-sm-3, потому что .col-sm-3 занимает только 25% пространства

, так как его необходимо заполнитьэкран использует col-sm-12, он займет 100% страницы.

Чтобы узнать больше о загрузочных сетках, см. здесь: https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

А также загрузочные сетки поставляются с заполнением по умолчанию.Удалите отступы, чтобы соответствовать экрану

Добавьте это 

.col-sm-12
{
padding:0;
}

.row
{
margin:0;
}

Теперь у вас будет полноразмерное изображение.Надеюсь, я помог.

0 голосов
/ 25 августа 2018

Был шутки с CSS, который вы предоставили. Контейнер, в котором находится изображение заголовка, называется navbar-brand. В CSS Ctrl + F и найдите его

добавьте этот фрагмент, и он должен делать то, что вы хотите. 

.navbar-brand{
   width: 435% !important;
}

Теперь, если вы измените размер изображения заголовка, вам придется изменить процент ширины, чтобы он соответствовал новому размеру заголовка.

...