- This topic has 10 replies, 3 voices, and was last updated 4 years, 1 month ago by David.
-
AuthorPosts
-
February 21, 2020 at 6:56 am #1172696Bram
Hi there,
In the footer widgets I should like to add bullitpoints to the subjects under the main subject, like *,> or -.
Such as:
Recente Berichten
* Creativiteit
* UitvindingenKind regards,
BramFebruary 21, 2020 at 7:37 am #1172727DavidStaffCustomer SupportHi there,
use a HTML Widget, add this HTML:
<ul class="custom-list"> <li>Custom list item</li> <li>Custom list item</li> <li>Custom list item</li> </ul>
Add this CSS to your Site:
ul.custom-list { list-style: none; } ul.custom-list li { position: relative; } ul.custom-list li:before { content: '>'; position: absolute; left: -1em; }
Change the character in the
content: '>';
property for a different bullet.February 21, 2020 at 11:05 am #1172951BramThank you David, but I am still kind of a student(although 66)
I am using the footer widgets 1,2 and 3
Add CSS is clear to me, but add HTML codes I do not know where.
If I am right you mean it is one or the other.Anyway I have chosen CSS (nothing seems to have changed)
Can you specify how to handle: Change the character in the content ‘>’: property for a different bullet.
Where exactly do I have find this to change?Kind regards,
BramFebruary 21, 2020 at 11:22 am #1172962LeoStaffCustomer SupportHTML can be added like this:
https://www.screencast.com/t/TzaMgqlwAs to change the bullet, David actually explained it in his reply:
https://www.screencast.com/t/q0Yihc2zmFebruary 21, 2020 at 1:28 pm #1173038BramHi Leo, I am so sorry but I really can’t find the location ( https://www.screencast.com/t/TzaMgqlw ) Custom HTML to add the HTML code and I still really don’t understand where exactly I can change the character.
( https://www.screencast.com/t/q0Yihc2zm )
Please be more specific for me, I am still kind of amateur, I’am so sorry.Kind regards,
BramFebruary 21, 2020 at 1:54 pm #1173051LeoStaffCustomer SupportDoes this illustration help?
https://www.screencast.com/t/b0STD237jHLWAnd for the character, you can change it David’s CSS code:
https://www.screencast.com/t/d1WwEPm3jFebruary 21, 2020 at 11:18 pm #1173281BramNow all is quit clear GREAT!!!
Thanks very much Leo!!February 21, 2020 at 11:45 pm #1173292BramSorry Leo, too soon, too happy
Under title of the widgets the subject is apparently automaticly made up.
Therefore now it is double, see the footer https://rickmoeliker.nl/
How, or where do I disable the one without the bullet?Kind regards,
BramFebruary 22, 2020 at 8:56 am #1173724DavidStaffCustomer SupportOK – so you have a Recent Posts widget and a Category Widget – do you want to add bullets to these ?
If so remove the HTML and CSS provided here
And add this CSS instead:
#footer-widgets ul:not(.menu) { margin-left: 1em; } #footer-widgets ul:not(.menu) li:before { content: '>'; position: absolute; left: -1em; }
February 22, 2020 at 9:12 am #1173733BramGreat David, exactly what I meant.
Thanks very much!!!Kind regards,
BramFebruary 22, 2020 at 9:13 am #1173735DavidStaffCustomer SupportGlad to be of help
-
AuthorPosts
- You must be logged in to reply to this topic.