Team:
I decided to remove the thumbnails from the latest news widget – too small, and if I increase the image size e.g. to 60×60, the text overlaps the image. Thus I removed the thumbnails entirely using this code:
.newsbox .news-thumb, .newsbox .news-time {display: none;}
However, the list is not nicely readable, and thus I’d like to display it as a bullet list. How could I do that?
Thanks,
Magnus
Hey mbosse99,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#newsbox-3.newsbox li a strong {
display: list-item;
list-style: disc inside;
}
Best regards,
Mike
Thanks Mike, that’s it. Are there different list styles?
Best,
Magnus
Hi,
Glad to hear this worked for you, there are different list styles to try, please see this article
Unless there is anything else we can assist with on this issue, shall we close this then?
Best regards,
Mike
Mike: that a lot. One thing: the disc is now 'inside'
, which looks a bit odd with blog titles that exceed one row. However, if I move the disc 'outside'
they entirely disappear.
Anyway to change that?
Hi,
Please try this css instead in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#newsbox-3.newsbox ul li:before {
display: list-item;
content: "";
list-style: disc inside;
float: left;
position: absolute;
left: 0;
}
#newsbox-3.newsbox ul li {
list-style: none;
padding-left: 13px;
}
Best regards,
Mike
That’s it, thanks so much! Topic can be closed.
Magnus
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike