I am using the newest version of Ella theme and looking to make the sub collection images round.
I found CSS but its for other themes and will not work.
Below is an example page of where I want the sub collections at top to be round
Hello @conversiohunter
Please add below code on file assets → theme-styles.css at the bottom to make images round
.sub-slider img {border-radius: 50% !important;}
Thank you. This is really helpful. You are the best.
One thing, if I wanted to add a thin black border around each circle, how would I do that?
1 Like
I figured it out and chose a dotted border instead.
, .sub-slider img { border-radius : 50% !important; border-style: dotted; }
Hello @conversiohunter
.sub-slider img {border-radius: 50%!important;border: 4px solid #000;}
Beautiful, and lastly, what about hover effect, say, to make the entire circle zoom upon hover
Hello @conversiohunter add below cade at last
.sub-slider img:hover {transform: scale(1.1) !important;}
Perhaps you can help… In version 6 - Ella removed the sub collection images at the top of a collection page. Instead, they only display the words of the collection. Do you know what code I need to have the images back like they were? See image below -
can you please elaborate this with pictures because i can not able to find that file which you mentioned above