Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
Hello all,
I just recently started making a new webpage for the business I work for. We all like the Zircon theme - especially the slideshow feature and how many blocks it has to offer.
However, when I make a views slideshow and put it into the slideshow block, it's aligned at the top of the page under the menu bar and over the header and logo. (See attached image) Any ideas why it might be doing this and how to fix it? The slideshow is working well, it's just in the wrong place.
Comment | File | Size | Author |
---|---|---|---|
#7 | issue.jpg | 161.67 KB | lamjo |
slideshow-issue.png | 289.28 KB | ramandamodar |
Comments
Comment #1
Omk- CreditAttribution: Omk- commentedYes, we have the same issue here, and all day banging the head against the wall, and not getting it sorted out.
Comment #2
spyderpie CreditAttribution: spyderpie commentedyup, here too
Comment #3
spyderpie CreditAttribution: spyderpie commentedI am still going crazy trying to get this to work. It seems that a recommended module should not be having these kind of difficulties. Its very frustrating. I have tried all options in the view, on the content type and in the appearance section of the theme. But nothing keeps the image from riding over the boundaries of the space it is meant to be in. Any help in how to properly configure this plugin in this theme would be much appreciated!!!
Peace and thanks in advance,
Julie
Comment #4
spyderpie CreditAttribution: spyderpie commentedI am still going crazy trying to get this to work. It seems that a recommended module should not be having these kind of difficulties. Its very frustrating. I have tried all options in the view, on the content type and in the appearance section of the theme. But nothing keeps the image from riding over the boundaries of the space it is meant to be in. Any help in how to properly configure this plugin in this theme would be much appreciated!!!
Peace and thanks in advance,
Julie
Comment #5
spyderpie CreditAttribution: spyderpie commentedHere is a solution that worked for me ...
1. Install the css_editor module and enable.
2. Put this in the css on the appearance page:
.slideshow-custom {
margin-top: 5px;
}
3. In the view, on the Slideshow settings, add 'slideshow-custom' to the 'row class' field.
4. I had to make sure the order of the fields was image and then title, for it to appear correctly.
5. In the appearance setting for the theme, change the block setting to 'Widget' for best results.
5. I also created a custom slideshow image style and enabled the 'Scale', set to 125 in height and applied the module 'Facebook Style Image Formatter' module because it displays the images nicely.
And whatever other css code that you might need for centering and such.
Hope this helps others.
Peace,
Julie
Comment #6
NickDickinsonWildeTo some degree exact styling is your prerogative, however, from the image I suspect you may have had JavaScript issues as by default with the default themes, it works fine; if it is still not working with some specific theme (such as Zircon), please re-open including specific versions in use.
Comment #7
lamjo CreditAttribution: lamjo commentedhi,
I've tried many times but I couldn't fix that slideshow issue using Zircon theme (at the picture bellow), I download zircon theme for drupal 8 and I followed all the steps in the documentation (weebpal), I fixed two issues concerning the zircon.librairies.yml (that I found in the web)
I dindn't install any slideshow module because i think that it has been already integrated in the 8 version of drupal ! please help!
Comment #8
lamjo CreditAttribution: lamjo commentedthe same thing for carousel
Comment #9
NickDickinsonWildeDo you have an live site available? Otherwise, what version of Views Slideshow & Zircon?
Comment #10
NickDickinsonWildeAlso that *looks* like the javaScript isn't running; are there any JavaScript errors and did you install the libraries?
Comment #11
lamjo CreditAttribution: lamjo commentedthx a lot for your answer!
Actually, I'm working in local with drupal-8.2.4, zircon-8.x-1.0-rc1 but I didn't install any slideshow module. I used an unformatted list in my view. I followed that doc:
https://www.weebpal.com/guides/drupal-8-zircon-theme-guide-developers#tu...
Comment #12
NickDickinsonWildeah okay, In that case, you don't have a slideshow feature (unless Zircon has one).
Drupal 8 has views included in core but not views_slideshow (or any of the other slideshow modules).
Given that, could you clarify if you are wanting a slideshow? or just the display isn't right? From the picture I ws thinking you wanted it to be a slideshow but instead it was display as:
[image1]
[image2]
Anyways, if you could clarify what you are wanting it to look like/to that'd be great.
Comment #13
NickDickinsonWildeComment #14
NickDickinsonWildere-open if still a problem.
Comment #15
enconengineers CreditAttribution: enconengineers as a volunteer and commentedHi
Zircon Theme - Main Navigation Inverted.
I am facing the issue of main navigation being inverted. Please see it at http://totalpowerquality.com.
When I contacted my web host, this is what he said QUOTE "The contents are not aligned correctly on the home page, due to this, the navigation bar is not working fine. Please check the CSS of the theme and fix it accordingly. Drupal 8 is working correctly on our servers." UNQUOTE.
I am new to Drupal, could you kindly give me some direction how to fix the CSS of theme.
Comment #16
NickDickinsonWildeGetting an error when I attempt to access your site :(
Are you using Views Slideshow or just Zircon Theme on D8?
If commenting on an old closed issue, best to mark as active so it shows up for most people - luckily I had email notifications turned on for all issues for Views Slideshow so I got pinged.
Comment #17
NickDickinsonWilde