Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 11, 2019 at 10:51 pm #1165010
    Mickyhood

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

    December 12, 2019 at 8:29 am #1165116
    Rikard

    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

    December 12, 2019 at 10:45 am #1165146
    Mickyhood

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

    December 12, 2019 at 6:44 pm #1165282
    Nikko

    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

    December 14, 2019 at 2:44 pm #1165867
    Mickyhood

    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.

    December 16, 2019 at 12:32 am #1166204
    Mike

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

    Best regards,
    Mike

    December 16, 2019 at 10:33 am #1166289
    Mickyhood

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

    December 16, 2019 at 11:22 am #1166310
    Mike

    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

    December 16, 2019 at 11:42 am #1166317
    Mickyhood

    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

    December 16, 2019 at 2:27 pm #1166398
    Mike

    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

    December 16, 2019 at 3:41 pm #1166451
    Mickyhood

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

    December 16, 2019 at 4:21 pm #1166477
    Yigit

    Hi,

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

    Cheers!
    Yigit

  • Author
    Posts
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.