Floating images in a column—Problem
I'm trying to center float an image in a column, and I'm running into a weird problem. The image will only float before I hit my first breakpoint. Once I hit a breakpoint, the image automatically floats left, and won't respond when I tell it to float center. Any ideas how I can fix this?
You build the site from mobile to wide. The settings you are giving your images before the left-most breakpoint will also be used as you move the slider to the right - UNLESS you have added some different settings to the wider breakpoints already.
BTW, there is no such thing as a 'center float', only left and right. What you have to do is
Let the image display block and set the right and left margins to auto,
Make the immediate element holding the image display flex, and then use justify-content: center;
Having said that, I wonder which version of RED you have. I have ver. 2.0 build 1187, and the tool panel looks quite different, see attachment. Instead of float, it says align, and instead of inner and outer padding it has padding (which is per definition inner), and margin. If you align something center, you don't need to play with the margins to get it to work.
And I maintain that in css there is no float center.
You will have to check if you have applied some styles on one side of the breakpoint that is overwriting what you are trying to do.
I think it would be best to approach CC with a support ticket if you are unable to solve this otherwise.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.