[Resolved] Footer widget, add bullitpoints to subjects

Home Forums Support [Resolved] Footer widget, add bullitpoints to subjects

Home Forums Support Footer widget, add bullitpoints to subjects

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1172696
    Bram

    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
    * Uitvindingen

    Kind regards,
    Bram

    #1172727
    David
    Staff
    Customer Support

    Hi 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.

    #1172951
    Bram

    Thank 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,
    Bram

    #1172962
    Leo
    Staff
    Customer Support

    HTML can be added like this:
    https://www.screencast.com/t/TzaMgqlw

    As to change the bullet, David actually explained it in his reply:
    https://www.screencast.com/t/q0Yihc2zm

    #1173038
    Bram

    Hi 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,
    Bram

    #1173051
    Leo
    Staff
    Customer Support

    Does this illustration help?
    https://www.screencast.com/t/b0STD237jHLW

    And for the character, you can change it David’s CSS code:
    https://www.screencast.com/t/d1WwEPm3j

    #1173281
    Bram

    Now all is quit clear GREAT!!!
    Thanks very much Leo!!

    #1173292
    Bram

    Sorry 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,
    Bram

    #1173724
    David
    Staff
    Customer Support

    OK – 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;
    }
    #1173733
    Bram

    Great David, exactly what I meant.
    Thanks very much!!!

    Kind regards,
    Bram

    #1173735
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.