-
AuthorPosts
-
October 18, 2018 at 1:57 pm #1023354
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
October 18, 2018 at 4:06 pm #1023412Hey 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,
VinayOctober 18, 2018 at 4:23 pm #1023431Cool
I have made them as I want them (size wise) how to get all centered?
Icon and vertical line on mortgages, insurance and wills
October 18, 2018 at 5:12 pm #1023489Hi,
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,
VinayOctober 19, 2018 at 9:25 am #1023790Hello there
That has not done anything :-(
October 19, 2018 at 10:26 am #1023807I 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;
}October 22, 2018 at 2:40 pm #1024881Hi whdsolutions,
Did you get it working for you?
Seems to look fine on my end.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
