Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • tyfairclough Friend
    #202962

    It would appear many of the ThemeMagic parameters are not tied to the uber platform.

    I make various changes to the buttons, modules and grid and they have 0 impact on the template.

    Is this a known issue or just something I’m experiencing?

    Saguaros Moderator
    #556273

    May I know how did you install this Uber template: using quickstart or install separately? also tell me the style you installed, I will try to reproduce in my end.

    tyfairclough Friend
    #556692

    Hi I installed manually via the joomla package installer. I am using the uber home layout. I’m also using the default layout on certain views. Here are some example links:

    category view default layout
    http://www.tyfairclough.com/index.php?option=com_content&view=category&layout=blog&id=42&Itemid=1075

    home layout
    http://www.tyfairclough.com/index.php?option=com_content&view=article&id=115&Itemid=640

    thanks for helping out.

    Saguaros Moderator
    #556719
    tyfairclough Friend
    #557079

    type is fine but grid layout and button styles had no effect.

    Here both desktop widths are set to 640px

    but the max-width of the content div is 1150px

    This is a fresh install with only the width set and the magic theme set as the default theme for the template.

    theme magic grid layout settings
    https://www.diigo.com/item/image/4mtoj/9xd0

    magic theme set
    https://www.diigo.com/item/image/4mtoj/4k7n

    front-end output
    https://www.diigo.com/item/image/4mtoj/7isp

    .container {
    max-width: 1150px;
    width: 100%;
    }

    Saguaros Moderator
    #557107

    Seem to be a bug when changing in Grid parameter, I’ve reported this issue to the team for further checking on this. You can check its status here: http://pm.joomlart.com/browse/UBER-301

    In the meantime, if you want to change on this, you can check the declaration of ‘.container‘ class in LESS file of this template: /templates/uber/less/style.less and see that


    .container {
    max-width: @container-large-desktop;
    width: 100%;
    }

    The container-large-desktop variable is declared via file: /templates/uber/less/variables.less


    // Container sizes
    // --------------------------------------------------

    // Small screen / tablet
    @container-tablet: ((720px + @grid-gutter-width));
    @container-sm: @container-tablet;

    // Medium screen / desktop
    @container-desktop: ((940px + @grid-gutter-width));
    @container-md: @container-desktop;

    // Large screen / wide desktop
    @container-large-desktop: ((1120px + @grid-gutter-width));
    @container-lg: @container-large-desktop;

    you can change the width: 1120px to value which suits your need.

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 2 voices, and was last updated by  Saguaros 9 years, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum