Align center {JFBCLogin}

luca77
Offline

Active Subscriptions:

None

9 years 8 months ago #50239 by luca77

Align center {JFBCLogin} was created by luca77

Dear sirs,
how can I align {JFBCLogin} in an article or a module?
It is always left-align. And If I try to align center with editor it doesn't work.
Thank you

The topic has been locked.

mel
Offline

Support Specialist

9 years 8 months ago #50240 by mel

Replied by mel on topic Align center {JFBCLogin}

You will have to add your own styles.

1. Put a div around the JFBCLogin tag

<div class="mylogin">{JFBCLogin}</div>

2. Then put something like the following styles

div.mylogin div.social-login {
float:none;
text-align:center;
}

Obviously you can tweak the styles to get it exactly how you want, but this should give you an idea to get started.

-Melissa

The topic has been locked.

luca77
Offline

Active Subscriptions:

None

9 years 8 months ago - 9 years 8 months ago #50241 by luca77

Replied by luca77 on topic Align center {JFBCLogin}

Hi Melissa, thank you.

But the effect is like image 1 while I would like to have the icons aligned center like image 2

Last edit: 9 years 8 months ago by luca77.

The topic has been locked.

mel
Offline

Support Specialist

9 years 8 months ago #50245 by mel

Replied by mel on topic Align center {JFBCLogin}

As I mentioned, the above styling was a starting point. You can try something like the following:

div.mylogin {
text-align:center;
}
div.mylogin .social-login {
float:none;
display:inline-block;
}

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Align center {JFBCLogin}