Jump to content

Recommended Posts

Всем привет.

 

Проблема такая: имеется первый сайт на Joomla 3 с шаблоном yootheme nano3 1.0.13, всё работало великолепно, пока не обновил CMS до версии 3.4, после этого возникла проблема с шаблоном, собственно на картинке, всё видно:

 

сейчас обстановка такая: post-11280-0-66549700-1425070328.png , а желательно что бы была как минимум вот такая: post-11280-0-56172700-1425070550.png

 

Возможно, в версии шаблона 1.0.15 всё уже исправлено, но приобрести его нет возможности, есть ли у кого дельный совет?

Link to post
Share on other sites

Лучше конечно бэкап делать перед обновлением. А в целом беда небольшая, подCCSить совсем немного. Или вытащить из шаблона CSS пагинации и добавить в обновленный сайт, возможно переопределить стили CSS.

Link to post
Share on other sites
  • VIP

Теоретически обновление вообще не должно на это влиять. Проверьте от куда берет свой стиль pagination. Должен брать из этого файла theme.css расположенного в папке css шаблона. Стиль называется .uk-pagination.

Скорее всего берется стиль не с этого места. Вот код вашего стиля пагинации, который должен быть на самом деле:

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.uk-pagination {
  /* 1 */
  padding: 0;
  list-style: none;
  /* 2 */
  text-align: center;
  /* 3 */
  font-size: 0.001px;
}
/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.uk-pagination:before,
.uk-pagination:after {
  content: "";
  display: table;
}
.uk-pagination:after {
  clear: both;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.uk-pagination > li {
  display: inline-block;
  /* 1 */
  font-size: 1rem;
  /* 2 */
  vertical-align: top;
}
.uk-pagination > li:nth-child(n+2) {
  margin-left: 5px;
}
/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.uk-pagination > li > a,
.uk-pagination > li > span {
  display: inline-block;
  min-width: 16px;
  padding: 3px 5px;
  line-height: 20px;
  text-decoration: none;
  /* 1 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
  text-align: center;
  border-radius: 4px;
}
/*
 * Links
 */
.uk-pagination > li > a {
  background: #f7f7f7;
  color: #444444;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
  background-color: #fafafa;
  color: #444444;
  /* 2 */
  outline: none;
  background-image: none;
}
/* OnClick */
.uk-pagination > li > a:active {
  background-color: #f5f5f5;
  color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/*
 * Active
 */
.uk-pagination > .uk-active > span {
  background: #52b4df;
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #5cc0ea, #4cacd7);
  background-image: linear-gradient(to bottom, #5cc0ea, #4cacd7);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*
 * Disabled
 */
.uk-pagination > .uk-disabled > span {
  background-color: #fafafa;
  color: #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #ffffff;
}
/* Previous and next navigation
 ========================================================================== */
.uk-pagination-previous {
  float: left;
}
.uk-pagination-next {
  float: right;
}
/* Alignment modifiers
 ========================================================================== */
.uk-pagination-left {
  text-align: left;
}
.uk-pagination-right {
  text-align: right;
}

Если скинете ссылку на сайт, объясню, что исправить.

Link to post
Share on other sites

Теоретически обновление вообще не должно на это влиять. Проверьте от куда берет свой стиль pagination. Должен брать из этого файла theme.css расположенного в папке css шаблона. Стиль называется .uk-pagination.

Скорее всего берется стиль не с этого места. Вот код вашего стиля пагинации, который должен быть на самом деле:

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
.........

Если скинете ссылку на сайт, объясню, что исправить.

У вас ЛС забито, а исправление в коде не принесло результата(

Link to post
Share on other sites

Да, видимо админы еще не обновили, не так давно релиз вышел. А по поводу членства - это относительно все. Вот на Ютем подписка официальная стоит в районе 100$ :) в любом случае удачи с первым сайтом)

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...