Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Slider Images

Discussion in 'Showcase Support' started by Davyc, Jun 2, 2016.

  1. Davyc

    Davyc New Member AMS Showcase UBS Premium

    Hey Bob

    Is there any way to make the category and forum slider images fit the same size as the other entries that fall below the slider and to make the number of images fit the width of the page container?

    For example this is how the items are displayed and it would be good to have the slider show the images the same size.


    This is what it currently looks like:


    I suppose basically what I'm trying to achieve is to have five movies as the featured set and fit the width of page container rather than being able to slide through X number of entries.

    Is this possible with some template editing or CSS changes?

    With thanks as always for your help and advice.
  2. Bob

    Bob Developer Staff Member

    The Slider Containers are set at static 250px width (as they have to be a static width). Its not something that can be Dynamic like the Grid View Containers are (they change size depending on Browser Width). The Slider Container is not the same as the Grid View Container (even tho they have some of the same features).

    It IS possible to modify the Slider Containers to be a smaller width, however, it would be A LOT of work and its not something that I can just whip out a howto for (I suck at teaching and it would take me days to come up with a decent howto and it would still probably suck because I am not good at explaining). It involves editing several template that include the slider as there is JS params involved for each location the slider is used, plus container template, slider template and CSS templates.
  3. Davyc

    Davyc New Member AMS Showcase UBS Premium

    You're like me when it comes to explaining; I know what's ticking upstairs but getting it downstairs is not as easy as falling down the stairs lol.

    I'll just give that one a miss for now ;)

    Thanks for the quick reply - you're on the ball as always!
  4. Bob

    Bob Developer Staff Member

    Davy C, this isn't for you, but I wanted to add it to this anyway (for others to see)

    Here is a Prime Example (for those of you reading in that don't understand responsive grid containers). This is a page that has the SLIDER enabled (container Blocks are static width: 250px). Im using GRID View and have my responsive layout set to 3-2-2-1 (meaning that there are 3 Grid Containers per row in the Default responsive breaking point, 2 in Wide (tablet wide), 2 in Medium (Tablet tall) and 1 in Narrow (smart phone). Im on a Ultra Wide display, so you can see that the 3 grid containers are very large, this is because they take up 33% of the width of the browser.


    As I shrink my browser, you can see that the Slider containers stay the same size (as they are static width), however, the Grid Containers get smaller (as they are taking up 33% of the width each)


    As I continue to shrink the browser, the Grid Containers get smaller and smaller each screen snot.


    here were are where they are almost the same size.

    however, if I just nudge the browser a bit more, it hits a responsive break point and now there are only 2 grid containers per row and they are larger again (cause now they each take up 50% of the available width.

  5. Bob

    Bob Developer Staff Member

    If I recall, there IS a way to modify the GRID layout to set those blocks as static width in which case you could make them 250 wide to match the slider. This WAS several years ago when Chris D first released his Gallery addon. I'll have to do some digging to see if I can find the howto he posted.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.