Why is my image so small?

Here’s my Share Link:

https://preview.webflow.com/preview/charity-avenue?preview=b762e6664a6ce2f4885aadc57a75c870

I’m trying to do some really simple things, but I’m running into problems.

I tried to create three div blocks of equal size across the page.

At the bottom of the first block, there should be text flush left or justified left if possible. So, far, it’s at the top and flush right.

In the center, there should be a full-sized centered image.

On the right, there’s an imaginary audio file. But I’d like that to be at the bottom of the div block too and for there to be links to “prev” and “next” above it.

Can anyone show me how to get everything seated properly?

Hi @yvettejohnson,

so, to make the three div blocks you should drag the three in, then give them all the same class and set the widths to 33.333%, and the float:left, alternatively you can use columns to achieve the same thing. Give the blocks a position of “relative”, then within that place some text, give the text a position of “absolute” and click this button:


and the text should appear where you want it to :smile:

In the middle block, I would suggest giving that block a “combo class” (by going to the top of the style tab):

Then go to background image:

And click upload:

In terms of the third div, put both the links and the imaginary audio file in another div and give that a class of “audio file” (or whatever you want), then give it a position absolute and click:

within the div you can add whatever elements you want :smile:

It is a complex explanation and if you have any issues JUST ASK! With webflow the key is just to stick at it, watch the tutorials and play around, you’ll get it surprisingly fast :smile:

Let me know if you have any more issues,

Arthur

3 Likes

Hi Arthur,

I’m just getting back to this.

I deleted the old site and started a new one.

My first question is: Where do I set the size to 33.33%? So far, I only see where to change the size by pixel.

After I solve that, I think I’l know what the other questions are.

Hi @yvettejohnson, could you share the read-only link to the new site? https://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link

That way we can check out the style settings. You can set the width in Percentage by giving the div block a class, and then going to the Style panel. In the Style Panel, you can set the width or height for the div class.

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