-
AuthorPosts
-
April 6, 2017 at 10:02 am #773053
Hi,
I have a question about the Icon List. I would like to adjust this.
I would like to be able to change line spacing, paragraph spacing and above all the distances before and after an icon list. I especially the distances between text elements and icon list are too big.
Can someone help? I think of CSS in the child theme in which I can then enter the values of the different distances per pixel.
Can you help please.
JürgenApril 7, 2017 at 7:30 am #773732Hi Jürgen,
Could you post a screenshot highlighting the changes you would like to make please? You can upload to a service like google drive or dropbox and then link to it here.
Best regards,
RikardApril 7, 2017 at 10:05 am #773813Hi Rikard,
Thank you for your feedback. I have solved the problem myself, there was a similar here in another support request.
The solution:/ * Icon List spacing * /
.avia-icon-list> li {
Margin: 0px! Important;
Padding-bottom: 10px! Important;
}
.avia-icon-list-container {
Margin-bottom: 0;
Margin-top: 0;
}… and built into the Quick CCS.
Best regards,
JürgenApril 8, 2017 at 12:45 pm #774476Hi winnerl,
GLad you got it solved! :)
If you need further assistance please let us know.
Best regards,
VictoriaJune 25, 2020 at 1:55 am #1225389Hello
For some reason since the latest update, the small icon lists and icon lists are not spaced properly between each list item and with a huge amount of white space between each. Credentials are below.
I added the two pieces of css below and they fix that to look normal as it was, but I’m not not sure if I’ve done that correctly or not, as using pixel values failed but % values worked so if you can pls explain what’s happening at least I understand for future.
For minimal small icon list I used
.article-icon-entry.av-iconlist-empty {height:10%!important;}and for a default icon list, I used
.article-icon-entry {height:10%!important;}I’ve removed them from Quick CSS so you can see what’s going one before my CSS fix but you can add back.
Thanks
June 25, 2020 at 11:45 pm #1225684Hi s29ers,
You have 3 Enfold themes, can you remove the other 2?
Also, can you give us permission to temporarily disable your plugins? I tried this with Health Check & Troubleshooting however it gets fixed if I enable troubleshooting mode which makes me think that this might be some caching issue and some outdated js file is being fetched that forces the height to change.Best regards,
NikkoJune 29, 2020 at 5:39 am #1226298Hi Nikko, yes you can do so. I deleted the other Enfold folders. So only Enfold and Child are left. However, we will need to add a subdomain, and that would be sub.mydomain.com for help or landing pages, etc. and install enfold there to create help/landing pages there — unless you have another suggestion. Thanks and regards
June 29, 2020 at 2:22 pm #1226447Hi s29ers,
It should show properly now.
I only checked Load jQuery in your footer in Enfold > Performance which seems to fix it :)Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.