How To Alter Image Width/size On Article Scroller Add-on - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Alter Image Width/size On Article Scroller Add-on

Chris

Chris

SP Page Builder 3 years ago

Hi,

For PageBuilder Pro, is there a way to set the image on the Article Scroller add-on to be full width of the column?

I can't see any way to affect this in the add-on or Helix settings, nor have I managed to find any CSS to amend.

I'm likely missing something obvious, can anyone help?

Link in the hidden content to show how the image just stays the small square, left-aligned - the add-on is towards the bottom of the page.

Thanks for any support :)

Chris

0
4 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #67073

Hi there!

Thanks for your query.

You may use the following code in your custom CSS:

.bx-viewport {
    height: auto !important;
}
.bx-wrapper img {
    width: 100%;
}

Hope this will solve the issue for you!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
Chris
Chris
Accepted Answer
3 years ago #67101

Thanks, that's great!

Chris

0
Chris
Chris
Accepted Answer
3 years ago #67103

Can I check, where does the height decision come from for the image? It seems to skew the image dimensions and stretch it a bit.

Chris

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #67191

Hi,

You may define height vaue in your custom CSS too.

Thanks!

1