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?
Related
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.
I'm a developer but I don't know wordpress well and I have just inherited a wordpress site. There's a missing logo image at the top left next to the menu bar:
I have the image file but I cannot find where that logo/image is configured inside WP. I have gone into the Menus section many times -- I find the menu items but I cannot find where that image is configured. So I need to know where/how to configure that, and also how to make the image size "fixed". By default, when the image was there (before I accidentally deleted it somehow), it stretches/expands when the user scrolls down.
My client is using the "Divi Builder" template, and this template uses some kind of custom layout/template for managing and editing the page.
The Divi theme is being used and here's what it looks like inside theme customization:
So in summary:
Where/how can I find that image setup so I can fix the src to point to the correct image that I have?
How can I prevent its default behavior of expanding while scrolling down?
Thanks!
For logo settings:
Goto dashboard->appearence->divi theme option->Generl settings.
other settings
Support Docs-> Read divi theme documention
The Divi theme is a commercial theme and don't expect people on SO to have access to it. It's best to go to https://www.elegantthemes.com/forum/ for support.
"Where/how can I find that image setup so I can fix the src to point to
the correct image that I have?"
The logo is uploaded and the URL set in theme options, not in the menu options.
"How can I prevent its default behavior of expanding while scrolling
down?"
This is a completely separate question and is a feature of the theme. Ask theme support how to disable it. Or isolate the Javascript and other code and put it in a Fiddle so people can see how it works.
I'm making a WordPress website with WooCommerce and I need to resize the product thumbnails in the display products (category) page.
In particular I have this situation:
And I'd like to have a page like this:
Is it possible? I've checked that the CSS class should be img.attachment-shop_catalog.wp-post-image and I've tried with -webkit-transform:scale(1.2); but my product image thumbnails overlap. It's not a problem of WooCommerce images settings (the "force hard crop" option is disabled), so I think I have to add a custom CSS. Could you help me to fix this?
Thanks in advance!
I would have checked all surrounding classes cause it is probably limited by them, or there is padding-right set on outer container.
I would have tried to find (using Chrome possibilities) and try first to locally resize them and product container in CSS.
I'm using the financio Wordpress theme and I'm trying to update the images in the slider using some of the information in your video. For some reason my picture is off centered. Can you please take a look and see if you can tell me what I'm doing wrong? My website is www.brittanymcalpin.com
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.