• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Как грамотно сделать шапку?

Archesx

Новичок
Добрый вечер! Очень интересует, как правильно сделать шапку в теме Storefront. Ставлю изображение страницы, всё нормально, шапка присутствует. Но когда я выбираю эту страницу как страницу магазина в woocomerce, то картинка (шапка) исчезает. Как её вернуть? Придумал только вставлять картинку, но смотрится убого, да и название страницы как то не так смещается. В общем как сделать нормальную шапку?
 
Ссылка на проблему
https://allwhite96.ru/

Вложения

Archesx

Новичок
На море. :p
Лично я не понял, что нужно. Но думаю проще использовать слайдер, аля slider revolution. Все динамичнее будет, чем сейчас.
Благодарю за ответ. Не знаешь, как можно сдвинуть название страницы ниже, но чтобы остальные изображения остались на месте? Через css не получается нормально сделать :(
 

Вложения

DiZeR

Опытный
Местный
Не знаешь, как можно сдвинуть название страницы ниже, но чтобы остальные изображения остались на месте? Через css не получается нормально сделать :(
Там много косяков с CSS, основной отступ создает:
CSS:
.woocommerce-products-header {
    text-align: center;
    padding: 0 0 5.9968353111em;
}
а отступ с верху можно задать через margin
 

Archesx

Новичок
Там много косяков с CSS, основной отступ создает:
CSS:
.woocommerce-products-header {
    text-align: center;
    padding: 0 0 5.9968353111em;
}
а отступ с верху можно задать через margin
Вставляю
.woocommerce-products-header {
text-align: center;
padding: 0 0 5.9968353111em;
margin: 30px
}

И страница полностью смещается вниз( Можно как то подвинуть именно надпись? Странно, что она вообще так криво стоит...
 

DiZeR

Опытный
Местный
Вставляю
И страница полностью смещается вниз( Можно как то подвинуть именно надпись? Странно, что она вообще так криво стоит...
:rolleyes: не надо ничего вставлять...
говорю у вас вот эта строчка padding: 0 0 5.9968353111em; создает БОЛЬШОЙ пробел, поменяйте её на padding: 0 0 0.5em; к примеру.
А по вашему вопросу - добавьте margin: 30px и будет вам отступ.

Современные web-мастера, что даже CSS не учат или что?? o_O
P.S: наймите верстальщика-фрилансера, не мучайтесь...
 
Сверху Снизу