[Resolved] using svg icon in footer

Home Forums Support [Resolved] using svg icon in footer

Home Forums Support using svg icon in footer

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2004205
    Halil

    Hi,
    I read few posts regarding similar topic but I ended up with enormously big logo of mine in the footer!

    Simply I’d like to create very similar content to “Copyright” section. Year, copyright icon plus site name, my svg logo etc.

    I tried to add svg markup (from https://jakearchibald.github.io/svgomg/) to Copyright section but that didnt work.

    I tried generate-footer hook but ended up with gigantic logo.

    How can I achieve this?

    #2004206
    Leo
    Staff
    Customer Support

    Hi there,

    Can you add the logo in and give it also give it a class?

    Then we can use some CSS to resize the image.

    Let me know πŸ™‚

    #2004214
    Halil

    thanks Leo but I’m not that tech user, I didnt understand what to do, could you pls guide me?

    I want footer look like, c sign , year, site name, my humble logo.

    #2004215
    Halil

    I have logo both as svg file and svg markup

    #2004239
    Ying
    Staff
    Customer Support

    Hi Halil,

    You can add something like this to customizer > layout > footer> copyright:

    %current_year% %copy% YOUR-COMPANY-NAME
    <img src=" THE-LOGO-URL" class="footer-logo" height= "20px" width="20px">

    Let me know if this helps πŸ™‚

    #2004241
    Halil

    almost done Ying, I now half understand what you guys mean by “class”.

    is it also possible to centrally align all of them?

    #2004244
    Ying
    Staff
    Customer Support

    You can add this CSS:

    .copyright-bar {
        display: flex;
        align-items: center;
    }
    .footer-logo {
        margin-left: 10px;
    }

    The second CSS added a space on its left side, feel free to change the value πŸ™‚

    #2004249
    Halil

    you guys really unbelievable! I appreciate your approach in terms of support.

    I’m not 100% sure that GP is the fastest theme on earth, but I’m sure it gives the best support ever.
    πŸ™

    #2004256
    Ying
    Staff
    Customer Support

    Really glad to hear that πŸ™‚

    We are all trying our best!

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