Customized icon list?

  • Resolved masterhealerwp

    (@masterhealerwp)


    2 years, 7 months ago

    I just LOVE GeneratePress and GenerateBlocks but I feel frustrated since I need to keep Kadence Blocks in my plugin list to be able to do icon lists like this.

    I’m talking about the blue checkmark, the green thumb up and red thumb down.

    I’m not a technical guy but I was able to create those icon list as easy as ABC from the very first time using Kadence Blocks.

    I would love to remove that plugin from my blog so that it does not end up being bloated.

    Question 1: How can I create/design the EXACT SAME icon lists with GP or GBlocks? As easily?
    2 criteria: SAME + AS EASILY.

    Question 2: Same question for the buttons.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

  • Its easy to create that list.. container and headlines…
    every line of text and iccon is a headline with icon ( the icons you get it from free in svg over the web).

    Containe – Headline – ad text – icon change in svg format.

    Plugin Support ying

    (@yingscarlett)

    Both GB’s headline block and buttons block offer the option to add an icon.

    Thread Starter masterhealerwp

    (@masterhealerwp)

    1 – To create the icon list, I tried adding a headline block.
    On the screenshot:
    – what should I select for A so as to get a text similar to the normal text on my page?
    – how do you import the icon for B? I clicked on Icon, SVG and HTML and nothin happens.

    Sorry to say that I remain confused as opposed to using the GUI of Kadence BLocks (which I still want to remove to only keep GB and GP).

    2 – I tried to find the same icons as for the thumb up and thumb down. I can’t find them on the web. I find others that do not look as nice. Is there a special database or way to find the very same? Or to save them from my current site?

    3 – Also, if you can do so, how do you changed the icon as you do with Kadence Blocks.

    Plugin Support fernandoazarcon2

    (@fernandoazarcon2)

    Hi @masterhealerwp,

    1.
    -Try P
    -You just need the SVG code.

    2. There are some here: https://icons.getbootstrap.com/
    3. Are you referring to saving icons? You’ll need GB Pro for this. Reference: https://docs.generateblocks.com/article/asset-library/

    Thread Starter masterhealerwp

    (@masterhealerwp)

    What was supposed to be as easy as with Kadence Blocks is still very confusing.

    1. What does “P” mean?
    What do you mean by “SVG cod”‘. Can you please give an example if I want to use this specific icon to create the same icon list I showed in my initial email:
    – How can I insert it?
    – How can I change its color?

    3. So, regarding my initial request about icons (customized icons and colors, creating icon list…) what is feasible and what is not with the non Premium version of GB?

    Looking forward to your input.
    Thank you again for your support.

    PS: LESSON LEARNED
    I am a big fan of GP and GB but see by yourself:
    – My experience with Kadence Blocks = 5 seconds and 1 or 2 clicks and I had the page nicely built the way I showed it in my screenshot.
    – My experience with GP = this discussion and the need to create it while still not knowing how to do it.

    It is not a harsh critics of me and I know it may be hard to receive the honest feedback of real user, but this is mine. And I only want GB and GP to be the best on the market. So I hope this experience will help the dev and GUI team improve that aspect.

    Plugin Support fernandoazarcon2

    (@fernandoazarcon2)

    1. P stands for paragraph. It can be seen as an option in the screenshot you took – 1.A.

    This is a sample SVG HTML:

    <svg xmlns="https://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
  <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>
</svg>

    3. The way to add SVGs in GB free is through adding the complete SVG HTML in the block settings in every Block you wish the icon to appear.

    Thread Starter masterhealerwp

    (@masterhealerwp)

    Hello,

    Thank you.

    A – Customized Bullet List: Still not effective with GP and GB

    I tried what was said above, using the GB’s headline block.
    Please look at this screenshot.

    In 1, you can see that if I just click return after I have written my text for my first bullet, I have to start all over from sratcfh for the second and third bullet. You will see on the screenshot that there are no bullet for lines 2 and 2.

    In 2, this is what I did manually. It is a painful process making you lose so much time.

    In 3, this is a standard bullet list. As you can see, the bullet appears automatically. Also, the layout is appropriate, with an appropriate vertical space.

    I just want to create a customized bullet list and be able to use WordPress as I have always done with many different themes, that is:
    – the vertical space is automatically set between each line of the bullet list
    – the icons is automatically inserted after you press Return.

    How can I please do this?
    Thank you

    Thread Starter masterhealerwp

    (@masterhealerwp)

    Hopefully, you’ll be able to provided a reply this week-end. Thank you.

    Plugin Support fernandoazarcon2

    (@fernandoazarcon2)

    You’d need custom code or a third party plugin if you want an actual list.

    What you can easily do in GB is to just create a Headline Block, and duplicate it multiple times to replicate a list.

    Plugin Support fernandoazarcon2

    (@fernandoazarcon2)

    Hi there! We haven’t heard back from you for a while now so we’re going to go ahead and set this topic as resolved. Feel free to reply if you need any more help.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Customized icon list?’ is closed to new replies.