Center Social Icons RSD

May 26th, 2016 at 01:25 PM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts

Hey fellow CC peeps!

Has anyone figured out how to center social icons in their column? I can get them to right or left align but no luck with centering them.

Any thoughts would be appreciated.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2016 at 01:47 PM
User 379556 Photo

Frank Cook
Registered User
1,604 posts

I gave the column the following settings - Position:Flex; Direction:Row; Justify:Center; Items:Center.

It seemed to work for me.

Frank
May 26th, 2016 at 01:54 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

Hi Steve
Try This

Social Icons all same class (social icon1)
Margin left/right = auto
flexbox = center
float = X
Display = inline-block
position = static


Column
Flex = row, no wrap, space between, center,center (all others settings as default)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
May 26th, 2016 at 03:08 PM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts

Sorry neither of these options work for me.

@Frank

I lose you at Position:Flex; Direction:Row; Justify:Center; Items:Center. I do not see these options in the social icon design tab

@ Wayanjaya

I lose you at Column
Flex = row, no wrap, space between, center,center (all others settings as default)

When i choose the column Flex is not a choice in the design tab.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2016 at 03:50 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

column display = flex


have a look
http://screencast.com/t/Dqqt4qjLvgz
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
May 26th, 2016 at 03:57 PM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts

Face Palm!!! :o:o:o Worked thanks. I need to start working with flexbox more.

Thanks both for your help.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2016 at 04:02 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

Sama Sama

We all have those sort of days.

Have a great day wherever you are in the world,
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html

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.