[Support request] Icon to the right + alignet (heading block)

Home Forums Support [Support request] Icon to the right + alignet (heading block)

Home Forums Support Icon to the right + alignet (heading block)

  • This topic has 1 reply, 2 voices, and was last updated 5 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2155147
    Matthias

    Hi there,

    i want to have an arrow icon behind a list of headings.
    I already found a solution by the support here to place the icon to the right.
    Now i got 2 relating questions:
    1. How to align the icons – the text should stay aligned on the left, but the icons should be on the right of the container (aligned in a row below each other – not like now after the text)
    2. Can i add custom icons? I would prefer an arrow like this ” -> “and not just the tip ” >”

    #2155192
    David
    Staff
    Customer Support

    Hi there,

    1. Change your CSS to this:

    .gb-headline.reverse-icon > span.gb-icon {
        order: 2;
        margin-left: auto;
        padding-right: 0;
    }

    2. You can add any icon using the SVG HTML Field in the headline block ( and GB buttons block ):

    https://docs.generateblocks.com/article/headline-overview/#icon

    And this doc explains how to get the SVG HTML:

    https://docs.generateblocks.com/article/adding-custom-svg-icons/

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