Как удалить белую строку в моей учетной записи Woocommerce?

Question

У меня есть одна проблема с настройками CSS для моей учетной записи, в моем site.

Я хочу удалить эту белую линию и объединить нижний колонтитул и содержимое страницы. Я судимый добавить этот CSS:

#primary, .woocommerce-page #primary, .woocommerce #secondary, .woocommerce- page #secondary { 
margin-bottom:-40px; 
} 

бит, код напутать с колонтитулом с другими страницами, где белая линия не сохраняется. Как удалить белую строку только на странице «Моя учетная запись»? То, что white line видна только в том случае, если пользователь зарегистрирован.

Заранее спасибо.

Answer 1

Проблема с:

, поскольку первичный ДИВ не начиная с верхней части страницы. Удаление, которое должно исправить ... но проверьте, не разбивает ли другие страницы.

Один немного Hacky способа исправить бы создать ряд правил на различные контрольных точках для СМИ

#primary { 
    min-height: calc(100vh - [heightOfHeader] - [heightOfFooter]); 
} 

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

#primary { 
    min-height: calc(100vh - 222px); 
} 

и больше

#primary { 
    min-height: calc(100vh - 123px); 
} 

но остерегайтесь ... у вас есть кнопки упаковочную на некоторые ширины страницы.

Answer 2

Это сработало:

#primary { 
min-height: calc(100vh - 222px); 
}