Hi, when I'm using bxslider the image does not fill up the space. Instead, I get a white blank space on the left side of the slider, which is followed by the right end of the adjacent slide.

Update: While trying to apply it on a new site, I get a problem with views slideshow css overriding the bxslider css.
Please refer to the picture in #6

Please help me with this problem,

Thank you very much!

CommentFileSizeAuthor
#6 Capture.PNG10.33 KBJieXiannn
Capture.PNG46.53 KBJieXiannn
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented
Title: Image does not fill, leaves a blank space on slider » Image does not fill slide
Issue summary: View changes
Mschudders’s picture

Mschudders CreditAttribution: Mschudders commented

This seems to be an CSS problem.

You have a link where I can view it ?

JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented

Solved with

.bx-wrapper img {
display: block;
max-width: 100%;
margin-left: -20px; <---
}

Thanks for the fast reply!

JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented
Status: Active » Closed (fixed)
JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented
Status: Closed (fixed) » Active
JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented
Issue summary: View changes
FileSize
Capture.PNG10.33 KB
JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented
Issue summary: View changes
JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented

Found the problem in bxslider_views_slideshow.theme.inc:

switch ($align_image) {
case 'center':
drupal_add_css($selector . ' { margin-left:auto; margin-right:auto; }', 'inline');
break;

case 'right':
drupal_add_css($selector . ' { margin-left:auto; }', 'inline');
break;

default:
drupal_add_css($selector . ' { margin-right:auto; }', 'inline');

I solved it by setting Alignment Image to left.

JieXiannn’s picture

JieXiannn CreditAttribution: JieXiannn commented
Status: Active » Closed (fixed)
smurfxx’s picture

smurfxx CreditAttribution: smurfxx commented

This bug is still here, I used the css trick for now