Home Forums Support ICON

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1991779
    DAVID

    Hello

    is it possible to put the icon below a header instead of above or inline

    Thanks

    #1991802
    Ying
    Staff
    Customer Support

    Hi David,

    Not sure I fully understand your question, do you mean headline?

    Let me know πŸ™‚

    #1991822
    DAVID

    yes the headline gives you a option to have icon inline or about see link

    #1991840
    Ying
    Staff
    Customer Support

    Your home page seems down, can’t see it.

    There’s no such option to put the icon below text, but we can help with CSS.

    You can give an additional CSS class to the headline block, eg. icon-below-headline, then add this CSS:

    .icon-below-headline span.gb-icon {
        order: 2;
    }

    https://wordpress.com/support/adding-additional-css-classes-to-blocks/

    Let me know if you need further assistance πŸ™‚

    #1991862
    DAVID

    Thanks Ying

    My website is up now although im not sure whats happened to it in safari πŸ™

    #1991864
    Ying
    Staff
    Customer Support

    Are you talking about these headlines?
    https://www.screencast.com/t/pYq6gcjol

    If so, set the icon location to above, then add this CSS:

    .gb-container.gb-container-7064131d .gb-headline .gb-icon {
        order: 2;
    }

    Let me know πŸ™‚

    #1991866
    DAVID

    hi no im taking about the welcome headline

    thanks

    #1991868
    Ying
    Staff
    Customer Support

    Seems it’s working well with the additional CSS class.

    On mobile the text’s been pushed to 1 row, it’s because you have a huge margin set for the container on desktop, the mobile inherits the value, the value needs to be adjusted for mobile.
    https://www.screencast.com/t/kPOBCP5r5

    #1996290
    DAVID

    Thank you

    #1996333
    Ying
    Staff
    Customer Support

    No problem πŸ™‚

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