How to make slider to width 100% on the page? - opencart

I use the default slider in Open Cart: Slideshow > Home Page that has settings in admin panel.
How can I show it on full page by width?
When I set width, height in setting, I get scaled image with white tapes on the top and bottom borders image. When I tried to set width, height as image has, I get also wrong view.
Default image has size: 3863x1145px
So. I need to show image on thw full width.
This is example: goo.gl/xUeEPwcontent_copyCopy short URL

Default OC slider is set to fixed dimensions via settings in admin panel.
You need to install and use different OC extension.

Related

How do I get images to rearrange when I resize a CListCtrl?

I have a CListCtrl in Report View that displays a series of images (192px X 192px) that a user can click and select. When the window is resized, I can see more of the images vertically, but not horizontally. What can I do to reposition the images. I dynamically generate these images and add the CBitmaps to the image list, if that helps. They are not icons in the Windows sense

APEX Interactive Grid column width

I have an Interactive Grid with a lot of columns and APEX fits them all on the screen making them way to small to be useful.
How can I give them a default width and make them go off the screen with a scroll bar?
Changing the Width parameter for a column in the Appearance secion has no visual effect.
I'm using APEX 5.1
You need to set the Minimum Column Width property for each column in the Interactive Grid's Actions menu:
Once done, you can use Actions>Report>Save to save these settings permanently. The result (I just did this for 2 columns):

Sitecore: Editing font and font color of a slide title

I have a Carousel on a page with some slides.
The author can edit the slide's content in the experience editor. i.e. He can change the text and the background image.
However, he cannot change the font color through the editor. So the default font-color in the css class, applied to the title field is white. If the author uses an image with a white background, the text is barely visible.
How could I allow the author to change the font color in the experience editor for the slide's title field?
Maybe allow him to choose from a variant of the title field with a different css class? Except, I don't know how to create a variant for the title field.
You have few options here:
Edit the text using Rich Text field edit fame buttons:
Rendering Variants are using default Sitecore field renderers so those edit frame buttons come from Sitecore - we are not customizing those.
Change style of the Page Content which is by default in each Carousel slide. In that way, you can also easily change font colour. You can also use edit frame button but this time on the Carousel itself:
Change style of the whole Carousel - the same approach as above but not for the Page Content but for whole Carousel.
Carousel Slide by default contains Page Content inside which is using variant configured to display fields from carousel slide. You can of course easily change the variant and display whatever you want.
If you need more information's about rendering variants take a look here

On Button click multiple images must change

As shown in image that when we click on button1 or button2, set of images must be changed as follows with slideshow images.
I have a slider with thumbnails and buttons placed above the thumbnails as shown in image, if we press the buttons all the thumbnail and slide images must change according to buttons

Flex Slider full height and width without stretching

I need Flex Slider to occupy the entire page, like the one on this website: http://webfire.co.uk/
I've set both height and width to 100%, but when I re-size the page, it causes the image to distort and stretch. However, setting the height to auto leaves a white space underneath the slider, so it doesn't fill up the full page. The same thing happens with background-size:cover - the width becomes responsive but the height stays the same.
On the website above, they manage to sort of re-center the image when the window is re-sized.
Any suggestions? :)