Hello
I followed the steps in regards to custom icons
But they are off-centre and small – see Private Content
I have also included the SVGs
Hey whdsolutions,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Icon alignment */
#top .avia-icon-list .iconlist_icon .iconlist-char:before {
transform: translateX(-10px);
position: absolute;
}
Please clear cache after adding the code :)
Best regards,
Vinay
Cool
I have made them as I want them (size wise) how to get all centered?
Icon and vertical line on mortgages, insurance and wills
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS to center icons */
#top .avia-icon-list .iconlist_icon .iconlist-char:before {
transform: translateX(-10px);
position: absolute;
}
Best regards,
Vinay
Hello there
That has not done anything :-(
I have added the following which works on PC but looks odd on the iPad and mobile (android) – see images in private content
Any ideas
`#top .avia-icon-list .iconlist_icon .iconlist-char:before {
transform: translateX(-20px) !important;
position: absolute;
}
.avia-icon-list .iconlist-timeline {
position: absolute;
top: 1%;
left: 40px;
width: 1px;
height: 99%;
border-right-width: 1px;
border-right-style: dashed;
}
Hi whdsolutions,
Did you get it working for you?
Seems to look fine on my end.
Best regards,
Victoria