Responsive round columns with counter

[deranaloge]

hi there,
is it possible to make a round column with a counter responsive? so that the column shrinks with the text inside?
my problem atm:
when i set the column boarder to a value that the background get round and i view on smaller screens, then it changes the shape. it should stay round.
any way to archive this?
like on this website when scrolling down:
liegenfeld.at

or any plugin you know that can do this? in visual builder i beleive there is the circle counter but i think i cant combine pro and wp bakery visual builder?

thanks in advance

[paul.r]

Hi Harald,

Try adding your background to your counter element instead of adding it to your column.

You can try adding the code below in your counter element’s css

$el {  
  background-color:rgb(212, 146, 85);
  border-radius:20px;
  width:250px;
  height:250px;
   border-radius:125px;
  padding:45px
}

Hope this helps

[deranaloge]

hi,

thanks that worked.
for the smaller views i will add another row with 2 elements.

thanks again

[ruenel]

You’re welcome!
We really appreciate for letting us know that it has worked for you.