Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1165010

    Hi, i must insert an imagine on the title of the first widget on the footer. How can I do?

    #1165116

    Hey Mickyhood,

    Please try to add HTML markup to the title to see if that works:

    <img src="URL of your image here" alt="this is an image">

    Best regards,
    Rikard

    #1165146

    It doesn’t work, I’ve already tried.

    #1165282

    Hi Mickyhood,

    I think workaround to do that is to use an Image widget then adjust it’s position via css.
    Let us know if this helps and we’ll try to help with the css code.

    Best regards,
    Nikko

    #1165867

    Thanks, at the moment i insert this rule in the css:

    .flex_column .widget .widgettitle {
    margin-top: 90px;
    }

    in this way I lowered all the other widgets, aligning the titles of the other 3 to the image of the first one.

    #1166204

    Hi,
    Glad to see you have found a solution, shall we close this then?

    Best regards,
    Mike

    #1166289

    Yes the only thing is that in doing so all 4 widgets are lower on the page.

    #1166310

    Hi,
    I believe this is because your css above is adding a 90px top margin to all of the widget titles, try targeting only the one widget title that you want to add margin to. If you would like help with this please include a link to your site so we can examine the elements.
    Also try to include a mockup of what you would like to see so we can better assist.

    Best regards,
    Mike

    #1166317

    Ok, i insert the link in the private content.

    For the example –> https://imgur.com/OXBxQtr

    I need the code to raise or lower only the complete title or widget. Because if I put code for the title, this will go under the content of the page

    #1166398

    Hi,
    Thank you, so if you remove your css:

    .flex_column .widget .widgettitle {
        margin-top: 90px;
    }

    and use this css instead:

    #footer #text-5 {
    	margin-top: 0px !important; 
    }
    #footer h3.widgettitle {
        margin-top: 60px !important; 
    }

    it will align the widget text blocks and have the titles and image close to the top.
    Please see the screenshot in Private Content area, and note the red line showing what I thought you wanted aligned.

    Best regards,
    Mike

    #1166451

    Well I’d say it’s perfect then then. Thank you very much!

    #1166477

    Hi,

    Glad Mike could help! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘How to insert an image in the widget title of the footer’ is closed to new replies.