Streaming live at 10am (PST)

What's the trick behind the width of tags?


#1

Hi guys!

Could anyone explain how to re-create the width of the categories tag? I'm looking at the template in my editor, and can't see how the tag has been resized to fit "nature" and "photography".

I've got as far as putting it in absolute position with basic styling. The spill on the right hand side is very pesky however.

Thanks,
kiki


#2

Give us your share link and one of us will tell you what you did wrong.


#3

Absolute position, Left 15px, Top 15px.

Display setting: Inline Block.
Padding of 8px on all sides for the tag.

That should do the trick?


#4

@kiki Wait, do you mean that "nature" an "photography" are spilling out of the box they are contained in? If so, the box width should just be auto and add padding to the box.


#5

Hi, thank you for your replies!

I've tried the padding option with the inline block but nothing changes. It might help if you see the Blog page.

https://preview.webflow.com/preview/hubebub-d46d4a201608ce3b4d135bc3eae8b07?preview=21082f972290b64c2760739aa65fde69

I'm trying to contain the tag's length. I'd like it to have the same padding regardless of how many letters there are.


#6

Cuz you used fixed width. Put it to auto like @jdesign mentioned. And you shall find salvation! :smiley:

Edit Sorry I was too early to speak. Seems like you added "0" to Right positioning also.
Use these settings:


#7

YES! That did it :grinning:


#8

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