I have implemented a Nivo Slider in my Drupal site and I am not getting the control I want for styling it.
I know by default Nivo Slider only supports Image, Title, and Link fields for Drupal rows. I did find a workaround to get the teaser to show with the title however:
but looking at the generated HTML in FireFox, I see that my DIVs do not get printed.
How can I get complete control over my Nivo Slider when using Drupal? I want to be able to print as many DIVs and use CSS to my heart's content. I've been stuck for hours playing around with the template files as well with no luck.
Related
New to wordpress, I am trying to remove the white space between the header and the slider. Basically when I am trying to edit a wordpress page, every time there is an "add title" thing on top of page which I think is the reason for that happening.
This is a picture of the result:
And the wordpress dashboard:
What I am trying to achieve is to put the slider exactly below the header.
Like this :
I am using the Astra Theme and the plugins "mystickymenu" to make my header sticky and the "smart slider" to make the slider.
I have tried installing different themes and tried lots of different plugins, nothing seems to work to remove the "add title thing" completely. Even the disable button from Astra will not remove the feature.
I have also tried additional css to Astra, every new thing I insert to the page starts from the top of the slider, leaving always this white space between the header and the slider.
What am I doing wrong?
When you open the page from pages you have to check "Deactivate title". It will exclude that code in the specific page.
The revolution slider I embedded into my page's row here http://jungle-crisps.com/fr/la-gamme/ is displayed correctely, but the thumbnails links and navigation arrows are just not clickable, I don't get why. I tried to set the slider layout in full width on the page and the navigation worked tho.. Why is it that with the layout set on full width navigation works properly but doesn't when the slider is in a row (with layout width set to auto)?
Thanks by advance
Try to follow some general debug steps.
Ref. General debug steps:
Create a Complete Backup of Your WordPress Site (Files and database)
Clear browser's cache.
Deactivate All Plugins Installed on Your Website, activate one by one and test.
Switch to a Default WordPress Theme.
Update theme and plugins to latest.
Google for: revolution slider arrows not showing (Looks like a common issue)
PS.
- I had the same issue before; fixed with CSS.
- Your site shows some jQuery errors.
My basic requirement is to display one picture on a page which on clicking, displays a colorbox slideshow of all the pictures in that content type.
https://www.drupal.org/node/1026112
This is the solution I got for it. To apply display:none css for the rest of the images. For that, I need different classes for the images. I'm unable to figure out how to do so.I got a few solutions such as adding a preprocess_image function but it doesn't seem to work. Can I get some help here?
We did this in past using the "Image sets" option provided with the Lightbox2 Drupal module. We had a client request to show one image and then open a slideshow on the same page of the images associated with that content in the CMS. This module say:
If you have a set of images that you would like to group together in a
lightbox, but only wish for one of these images to be visible on your page, you
can assign the "lightbox_hide_image" class to hide the additional images. For
example:
image #1
image #2
image #3
You can create a custom node template to render the images in the required format.
Hope this will help you!
I was trying to add phone number on the right hand side of my header. So I went to Appearance customize and change under site title and tagline enter the phone number.
But later Want to change to but all three options side title & tagline, navigation and static
frontpage menu is disabled when i try to click the arrow it dosen't work.
Here's a link for website.
Click here for image
You may have a JavaScript error in your theme when viewing the customisation pane. JavaScript errors can (sometimes) cause unrelated areas to not function properly as the JavaScript engine essentially falls over.
I would suggest trying the same with a stock theme (Twenty Twelve, for example), so you can find if it is a theme-specific problem. If it is a problem with the theme then you can consult with the author of the theme.
I installed the BxSlider as a plugin for Wordpress and inserted the php script code to show above the footer on all pages.
The images scroll perfectly across the page except I'm trying to reduce the spacing between the images to show more than one image per transition.
To best explain the website shows as follows http://www.harvestoffalyfoodfestival.com/
How and where can I edit the html/css code to make these adjustments.
The slider settings within the plugin 'Slider Margin' doesn't have any effect when entering your option amount? Thanks
You will need to set a width on the bxslider container, as at the moment it's 100%.
Ideally we need to see more code, as this could also be a settings issue within bxslider.
Have you got your js settings for bxslider?