Hi! I have the following CSS to pad the left margin of the iconlist on the first link I provided.
/*Icon List Padding and Font Size
_________________________________________
*/
.avia-icon-list .iconlist_title { font-size: 16px;}
.main_color .iconlist_content { font-size: 14px; }
.avia-icon-list li { padding: 0 0 15px 0; }
.entry-content-wrapper li {
margin-left: 20%;
}
It looks like the Icon list on the second link I provided is indented as well. I’d like the formatting to look like the icon boxes on the left side of the page (no left padding) while keeping the left padding on the first link. I tried defining a CSS class (added to functions.php) for the element but can’t seem to get the left padding to 0. Thanks!
Hey CodeContra!
To only target the first one do this.
.avia-icon-list > li:first-child {
padding: 0 0 15px !important;
}
Best regards,
Elliott
hmm that didn’t work. It looks like that increased the left margin of the icon list on the first link. What I want to do is remove all left padding on the icon list on the second link. I think creating a custom class for the element might work, that way I could keep the padding from the first link but remove the padding for the second link.
Hey!
Yes, please add a custom css class attribute to the icon list on the second page or link then adjust this css:
.avia-icon-list > li {
margin-left: 0;
}
Regards,
Ismael
Perfect! Thanks guys, great support!