Помощь helix 3 framework

[binh]

Делаю сайт на шаблоне построенном на HELIX III, столкнулся с следующей задачей:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Где правильно изменить стили entry-img-wrapper col-sm-6 - картинка слева, entry-info-wrapper col-sm-6 - текстовый пост справа. Чтобы в конечном итоге изображение слева было меньше, например col-sm-4, а текст выравнивался по левому краю и занимал блоки col-sm-8.

 

[AlexSav]

Где правильно изменить стили entry-img-wrapper col-sm-6 - картинка слева, entry-info-wrapper col-sm-6 - текстовый пост справа. Чтобы в конечном итоге изображение слева было меньше, например col-sm-4, а текст выравнивался по левому краю и занимал блоки col-sm-8.

Тут нужно доступ к шаблону иметь, чтобы увидеть. Но вероятнее всего это:
корень сайта/templates/shaper_macro/html/com_content/category/blog.php (если блог выведен стандартным компонентом)

Если не найдете, то в этой же папке корень сайта/templates/shaper_macro/html/ с помощью total commander ищите слова entry-img-wrapper или entry-info-wrapper, после чего рядом просто заменяете col-sm-6 на нужное значение.

 

[konservat0r]

Ребят, помогите где поправить, чтобы заголовок уменьшался на маленьких экранах, на их демо сайте работает Для просмотра ссылки Войди или Зарегистрируйся а в шаблоне всё пересмотрел, не нашел где включить.
Для просмотра ссылки Войди или Зарегистрируйся

видно что уменьшает размер шрифта media, но почему по умолчанию нигде не включено это(
@media screen and (max-width: 767px) and (min-width: 320px)
.sppb-animated .sppb-addon-cta .sppb-cta-title {

1. font-size: 40px !important;
2. line-height: 40px !important;

 

[SegaMrD]

... прописываете нужные условия в CSS

В модуле голотипа "Custom CSS Class" прописал "_logos". Но не знаю в каком CSS и как прописать параметры?

<div class="sp-column _logos"><div class="logo"><a href="/"><img class="sp-default-logo" src="/images/70_top_red_bg.png" alt="Сайт"></a></div></div>

 

[AlexSav]

видно что уменьшает размер шрифта media, но почему по умолчанию нигде не включено это(

Вот их файл template.css Для просмотра ссылки Войди или Зарегистрируйся. Проверьте, у вас такой же?.
Это не может быт включено или не включено. Если вы скачали этот шаблон, то эти условия уже в нем прописаны, и он должен автоматически адаптироваться. Если вы скачали именно этот шаблон, установили его у себя на сайте, и файл template.css точно такой же, как и с примере, то есть две причины, по которым не срабатывает медиазапрос (информации мало, потому, это только предположения
1. Вы не правильно в браузере просматриваете сайт в мобильной версии.
2. У вас нарушена последовательность классов .sppb-animated .sppb-addon-cta .sppb-cta-title (мне кажется, что причина именно в этом).
А вообще для более точного ответа, покажите, пожалуйста, свой сайт

В модуле голотипа "Custom CSS Class" прописал "_logos". Но не знаю в каком CSS и как прописать параметры?

Для начала, рекомендую убрать нижнее подчеркивание в классе _logos. Оно нужно, чтобы класс был читабельным, если вы объединяете два слова.

Прописать можно в template.css, или в настройках шаблона с поле для css. Я для этих целей создаю отдельный файл CSS, и привязываю его к шаблону как на скриншоте. А вот какие условия прописать в CSS, тут нужно конкретно понимать задачу. Я, например не совсем понял "Нужно растянуть логотип на ширину меню" Это как? И "как убрать "border" и "padding" свойства с логотипа" У логотипа в Shaper Helix3 эти свойства строго не заданы. Их можно заменить любым условием CSS. Объясните, пожалуйста, конкретнее задачу.

 

[SegaMrD]

рекомендую убрать нижнее подчеркивание в классе _logos

Исправил. Не в плане рекламы Вот сайт teatr-obraz.kiev.ua Логотип должен "прилипнуть" к левой стороне и растянуть логотип на ширину полосы меню (до серой полосы контактов і слайдера в низ)

 

[AlexSav]

Исправил. Не в плане рекламы Вот сайт teatr-obraz.kiev.ua Логотип должен "прилипнуть" к левой стороне и растянуть логотип на ширину полосы меню (до серой полосы контактов і слайдера в низ)

Вот решение вашего вопроса:

в таблице CSS пишете:
.logos .logo a img {
height: 100% !important;
}
И выставляете настройки по скриншотам.

У вас довольно длинный логотип, потому, посмотрите, что получится на планшетной и мобильной версии. Думается мне, без медиазапросов вам не обойтись. И увеличьте само изображение логотипа 70_top_red_bg.png. Сейчас его высота 70px, а вам нужно минимум 90px

 

[maks22v]

в index добавь <meta name="viewport" content="width=1000px, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

 

[konservat0r]

А вообще для более точного ответа, покажите, пожалуйста, свой сайт

css файл посмотрел, такой же как на демо, сегодня обновил шаблон до последней версии 1.9. Вроде нигде, ничего не правил в файлах шаблона, но не работает =(
Для просмотра ссылки Войди или Зарегистрируйся

 

[AlexSav]

css файл посмотрел, такой же как на демо, сегодня обновил шаблон до последней версии 1.9. Вроде нигде, ничего не правил в файлах шаблона, но не работает =

Как и предполагал, у вас расположение блоков не соответствует очередности в CSS. Первый скрин - это сайт-пример, и там есть очередность, а второй - ваш сайт. Там не хватает классов, которые нудны для того, чтобы условие работало. Варианта два:
1. Добавить классы в настройках модуля, который выводит этот контент (предпочтительно)
2. В фале CSS вместо .sppb-animated .sppb-addon-cta .sppb-cta-title написать .sppb-animated .sppb-addon-cta .sppb-cta-title, .sppb-animated .sppb-addon-header .sppb-addon-title

Точно должно сработать и не будет конфликтовать с другими условиями