Need help with CSS in widget store-widget-slider to center store images
In the Koupon theme, I'm trying to align the store images to the center (instead of the default left side) in the scrolling widget,
this is for the images to appear Centered when website is viewed via mobile devices, but I'm not getting very far and need your help.
The CSS Class is: .store-widget-slider
And below are the default CSS values currently used:
.store-widget-slider {
padding: 0 4px;
overflow: hidden;
}
Additional information:
The Xpath for the actual image is as follow: //*[@id="featured-stores-2"]/div[2]/div[2]/ul/li[1]/a/img
The CSS path for the actual image is as follow: #featured-stores-2 > div.sidebox-content > div.store-widget-slider > ul > li:nth-child(1) > a > img
The Xpath for the actual text below the image is as follow: //*[@id="featured-stores-2"]/div[2]/div[2]/ul/li[1]/a/span
The CSS path for the actual text below the image is as follow: #featured-stores-2 > div.sidebox-content > div.store-widget-slider > ul > li:nth-child(1) > a > span
Can support please help resolve this issue?