Module - Custom CSS

Module - Custom CSS was created by joomleb

Posted 9 years 10 months ago #20433
Hi guys,

I put my Twitter follow button into a module.
Twitter give me possibility to align button only to the right and/or left, but I want it center aligned.
So I thought to use the "Custom CSS" Template Creator in my module position.
I found here
dev.w3.org/csswg/css-align/#positional-values
these CSS commands suggestment:
<item-position> = center
<content-position> = center

Please, How Can I use them in Custom CSS ?
(I never used it and I don't know how is the exact syntax I have to enter in the form)

Many Thanks for Support!
by joomleb

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Module - Custom CSS

Posted 9 years 10 months ago #20448
Hi
the css rule you are giving here is quite new and not implemented in all browsers.
give your url to check the situation
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by joomleb on topic Module - Custom CSS

Posted 9 years 10 months ago #20457
Hi CEd,
this is the situation right now
the position-6 is the module position I'm using for Socials modules.

Many Thanks for help
by joomleb

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Module - Custom CSS

Posted 9 years 10 months ago #20462
if you want to align the big twitter image, then you can do it into your editor
if you are talking about the icons on each module, then you should better ask the dev of this extension which manage these buttons

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by joomleb on topic Module - Custom CSS

Posted 9 years 10 months ago #20474
Hi CEd,
thanks for suggestion, but

- to show Social modules I'm using the SCSocialWidget module from JFBConnect:
www.sourcecoast.com/jfbconnect/docs/social-sharing/modules

- that integrates all the modules provided from the most used Socials:
www.sourcecoast.com/jfbconnect/features/social-widgets/

- as you can see, in case of Twitter, you can set data-align only as right or left:
dev.twitter.com/docs/follow-button#width-and-alignment

So I supposed to use the "Custom CSS" Template Creator CK fiel feature to set "center" (center align the module content) for my module position-6.
Please, Is there a way to do it ?

Many Thanks for support :)
by joomleb

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Module - Custom CSS

Posted 9 years 10 months ago #20484
ok I see the button you mean, just under your facebook friends
really I think that this is out of the scope of the template. You shall ask your twitter extension developer to know how to center your button. Once you have the code you can place it into the "custom.css" file :)

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.656 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 708 guests and no members online