Блог Bingam

Июл/15

12

Twenty Thirteen сайдбар в футере

В теме вордпресс Twenty Thirteen есть странное размещение виджета в сайдбаре, который залазиет на футер. Это некрасиво и неудобно. Найденные в сети редактирование css не помогли красиво изменить некрасивое наложение. Но, решение есть.

cfuVtНаходим в папке с темой файл functions.js.

/wp-content/themes/twentythirteen/js/functions.js

Добавляем +500 в конце кода:

margin = $( '#tertiary .widget-area' ).height() - $( '#content' ).height() - secondary + 500;

В итоге выглядеть будет так:

  1. /**
  2.  * Functionality specific to Twenty Thirteen.
  3.  *
  4.  * Provides helper functions to enhance the theme experience.
  5.  */
  6.  
  7. ( function( $ ) {
  8. var body = $( 'body' ),
  9. _window = $( window );
  10.  
  11. /**
  12. * Adds a top margin to the footer if the sidebar widget area is higher
  13. * than the rest of the page, to help the footer always visually clear
  14. * the sidebar.
  15. */
  16. $( function() {
  17. if ( body.is( '.sidebar' ) ) {
  18. var sidebar = $( '#secondary .widget-area' ),
  19. secondary = ( 0 == sidebar.length ) ? -40 : sidebar.height(),
  20. margin = $( '#tertiary .widget-area' ).height() - $( '#content' ).height() - secondary + 500;
  21.  
  22. if ( margin > 0 && _window.innerWidth() > 999 )
  23. $( '#colophon' ).css( 'margin-top', margin + 'px' );
  24. }
  25. } );
  26.  
  27. } )( jQuery );

И наслаждаемся корректным видом сайта.

-04

 

Ссылки: Фикс

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Похожие записи:

Проверка блога на битые ссылки
Рамка изображений
Leave a Reply

Еще нет комментариев.

Написать коммент

«

»

© 2010-2017 Bingam personal site

Theme Design by devolux.nh2.me

Статистика

Locations of visitors to this page
Яндекс.Метрика

Баннеры

Valid Robots.txt
Наверх