How to get icon next to disclaimer text

Design help General
1

I’m attempting to place a graphic (styled: housing image) next to the end of some disclaimer text at the bottom of my page. The only way I’ve been able to make it happen is by placing it with relative adjustments, but of course that then throws off it’s placement on other sized screens. Is there a way to add it to the end of a text block so that the two elements (text block and image) stay connected?

https://preview.webflow.com/preview/abq-d2d-helocloan-1164?preview=4f98de23315cc46f775168a748550f04

1873×1015 652 KB

2

You can add a left padding to your block of text and place the icon as an image background, no repeat, stuck to the left…

Or place your text element in a div, give it width 80% display inline box, image as inline box width 20%…

or…

many methods (: how big is your image?

3

It’s very tiny. See the example above. It usually gets added at the end of a text body as an inserted image, but Webflow doesn’t allow for the same implementation. I need it to show up right after “… Equal Housing Lender.”

4

Did you have any ideas @vincent?

5

That would be the way I’d go with it.

6

That didn’t work, but thanks for trying to help me out.

7

Isn’t this what you’re looking for?

https://v.usetapes.com/hTqOaV4Zu2

1 Like
8

Sort of, but I need it in the footer line of text like this: Problems occurred when retrieving your information

9

so you remove the icon from where it is, you select the part of text where is should stand in front of, you click on the brush icon to make it a span, you add a class to the span, then 25px of let padding, then add the icon as a background to the span.

you could have shown me exactly what you were looking for to begin with…

10

Sorry Vincent, guess I assumed you were part mind reader. Sorry I didn’t explain better. I’ll try this and see if it works. Thanks for helping me out.

1 Like
11

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.