Home › Forums › WoodMart support forum › IMAGE SIZE
IMAGE SIZE
- This topic has 9 replies, 3 voices, and was last updated 5 years, 3 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
October 12, 2019 at 8:52 am #149753
micolParticipantI would like to increase the size of the filter images in the shop sidebar as attachment
Attachments:
You must be logged in to view attached files.October 12, 2019 at 9:05 am #149756
micolParticipanti set large image .woodmart-pf-dropdown
also i add this code im my .css
.swatches-normal .filter-swatch>span, .woodmart-woocommerce-layered-nav .swatches-normal .filter-swatch>span {
width: 65px;
height: 65px;
}Attachments:
You must be logged in to view attached files.October 12, 2019 at 11:19 am #149779
Aizaz Imtiaz AwanKeymasterHello,
Your site is in under construction mode. So I can not check images in the shop sidebar. Kindly provide your login details or deactivate the maintenance mode so I can check and help you out.
The CSS code that you shared if it works for you and make that image larger. Then you can simply use that code in Global Custom CSS inside the Theme Settings >> Custom CSS.
Best Regards.
October 12, 2019 at 11:25 am #149784
micolParticipanti send you a temporary login
October 12, 2019 at 12:14 pm #149791
micolParticipanti send you a temporary login WP
October 12, 2019 at 1:38 pm #149799
Aizaz Imtiaz AwanKeymasterHello,
As there are three default sizes for those filter images as “Small, Medium and Large” and you already selected the large one from the widgets and now you want to increase the size more than the large size.
So to do this you can use the below CSS in Theme Settings >> Custom CSS >> Custom Global CSS:
.woodmart-pf-dropdown .swatches-large .filter-swatch>span, .woodmart-woocommerce-layered-nav .swatches-large .filter-swatch>span { width: 50px; height: 50px; }
I used 50px just to set an example for you. You can use another size. But remember that height and width size must be the same otherwise the circle shape will be destroyed.
Result: https://jmp.sh/n4pqcsA
But remember that this code might also increase the image size of the other filters in some situations. So it’s up to you that you used this custom CSS code or not.
Best Regards.
October 12, 2019 at 2:33 pm #149804
micolParticipantyes now the size is ok … but it appeared scroll … can i show all the filters without this scroll?
Attachments:
You must be logged in to view attached files.October 12, 2019 at 4:23 pm #149820
Artem TemosKeymasterTry to increase the height for these widgets in Theme Settings -> Shop and the scroll will disappear.
October 14, 2019 at 7:16 am #149943
micolParticipantok thank you
October 14, 2019 at 7:21 am #149946
Aizaz Imtiaz AwanKeymasterHello,
I’m so happy to hear you are pleased with the Theme and Support. XTemos strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer.
Thanks for contacting us.
Have a great day.Topic Closed.
Best Regards. -
AuthorPosts
The topic ‘IMAGE SIZE’ is closed to new replies.
- You must be logged in to create new topics. Login / Register