Centering elements in RSD V2 - Post...
Any of you smart guys have simple starting videos for RSD V2?
Thanks
Byron
Thanks
Byron
What kind of video do you require? Remember that V2 functional wise, operates just like V1.5 so the videos we have now would still explain how to use RSD.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
I was working a lot in V1 and I can't get some basic functions to work in V2]
My centering question for instance. Can't get my pictures or copy to do anything but left justify. Float and Clear are working but centering text - nothing. Pictures - I believe Icould center in V1 were under padding (check boxes). But I have nothing that I can find in V2. I'm clicking center under typography but nothing happens (right and justy do nothing either).
Thanks
Byron
My centering question for instance. Can't get my pictures or copy to do anything but left justify. Float and Clear are working but centering text - nothing. Pictures - I believe Icould center in V1 were under padding (check boxes). But I have nothing that I can find in V2. I'm clicking center under typography but nothing happens (right and justy do nothing either).
Thanks
Byron
Byron Tipping wrote:
I was working a lot in V1 and I can't get some basic functions to work in V2]
My centering question for instance. Can't get my pictures or copy to do anything but left justify. Float and Clear are working but centering text - nothing. Pictures - I believe Icould center in V1 were under padding (check boxes). But I have nothing that I can find in V2. I'm clicking center under typography but nothing happens (right and justy do nothing either).
Thanks
Byron
I was working a lot in V1 and I can't get some basic functions to work in V2]
My centering question for instance. Can't get my pictures or copy to do anything but left justify. Float and Clear are working but centering text - nothing. Pictures - I believe Icould center in V1 were under padding (check boxes). But I have nothing that I can find in V2. I'm clicking center under typography but nothing happens (right and justy do nothing either).
Thanks
Byron
To center an image, set the left and right Margins to Auto. The "CENTER" icon under TYPOGRAPHY is for elements like headings and paragraphs, not images.

Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Thanks but mine doesn't
Byron
Byron
Then you did it wrong. 
Remove all your styles and classes and start over on that element. Sounds like you have somethings incorrectly configured. Here is a quick project that shows how to center 3 different elements. Works the same way as it did in RSD v1.
Remember, when you ask for help, ALWAYS post a project file or link. That way we see what you see.

Remove all your styles and classes and start over on that element. Sounds like you have somethings incorrectly configured. Here is a quick project that shows how to center 3 different elements. Works the same way as it did in RSD v1.
Remember, when you ask for help, ALWAYS post a project file or link. That way we see what you see.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Ok - think I'm getting closer. I thought V2 overwrote V1 but it didn't - I deleted V1 and rebooted and the pciture centering seems to work. I can't get the type to center but I did notice that you used Bootstrap 4 and I just stayed in the default Foundation 6.3.0. But I can't the type to manipulate at all still
Thanks
Byron
Thanks
Byron
Byron Tipping wrote:
Ok - think I'm getting closer. I thought V2 overwrote V1 but it didn't - I deleted V1 and rebooted and the pciture centering seems to work. I can't get the type to center but I did notice that you used Bootstrap 4 and I just stayed in the default Foundation 6.3.0. But I can't the type to manipulate at all still
Thanks
Byron
Ok - think I'm getting closer. I thought V2 overwrote V1 but it didn't - I deleted V1 and rebooted and the pciture centering seems to work. I can't get the type to center but I did notice that you used Bootstrap 4 and I just stayed in the default Foundation 6.3.0. But I can't the type to manipulate at all still
Thanks
Byron
Regardless of frameworks, centering works the same for all elements.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Ok - I redid the page in Bootstrap 4 and all is working again.
Is there something different in Foundation that I wasn't doing?
Thanks Scott (and forum),
Byron
Is there something different in Foundation that I wasn't doing?
Thanks Scott (and forum),
Byron
If you want to center an image with margin auto, you also have to set the display to block.
You can also use flex properties.
You can also use flex properties.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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.