Skip to main content

Styling lists

Comments

3 comments

  • KC George

    Hi Greg,

    Could you please elaborate on your question?

    • What styling requirements do you have that the Text element does not currently meet?
    • What makes the Iconbox element difficult for your clients?
    0
  • Greg Tenhover

    Hi George,

    ✔️ Your standard list has the bullet inside, all I want is have control to style a normal list with CSS. This is all I can do with your standard list. I like Brizy, I am learning it, but I need to do certain things to make it easy for my clients and using icon boxes for lists is not easy for them. So please can I just have the CSS to style a simple list in Brizy?

    ✔️ In the icon box, when I use a "square" to size, it sits above the line of text.

    ✔️ The icon box takes a while lot of spacing to get correct.

    ✔️ While we're on the subject, how about some numbers in the icon list.?

    ✔️ Can I add my own icons to the Brizy icons?

    Best, Greg

    0
  • KC George

    Hi Greg,

    You are right; the second line is not indented in Brizy lists. To have a list with second line indented, please consider adding your text to the Gutenberg editor first and later bringing it over to Brizy using a Brizy Page Template. For example, please have a look at this page. https://brizytest.online/list-styling/ Please follow this procedure https://jmp.sh/vy4N5H0K

    It is possible to align the icons and texts in the Iconbox element. Please have a look at this page. https://brizytest.online/iconbox/

    It does take a while for the icon box to be configured correctly. Once you finalize one of the iconboxes, you can easily duplicate it multiple times and change content. 

    Under the FA (Font Awesome) tab of the icons library, you can find numbers. Please have a look at the second section of this page https://brizytest.online/iconbox/ to see a numbered list using Brizy iconbox

    At the moment, adding your own icons to your Brizy icons library is not possible.   

    0

Please sign in to leave a comment.