[SOLVED] How to align center in template positions

bymamo
Topic Author
Offline
Premium Member

8 years 2 weeks ago - 8 years 1 week ago #61152 by bymamo

[SOLVED] How to align center in template positions was created by bymamo

Hi!
I write some css in presentation template and all go fine less align center.
This is the code:

Code:

.flexi.subtitle1 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
color:#99CCFF
}

I don't know way text-align: center is wrong
Can you help me please?
Thanks and best regards.

Last edit: 8 years 1 week ago by ggppdk.

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

micker
Offline
Administrator

8 years 2 weeks ago - 8 years 1 week ago #61157 by micker

Replied by micker on topic How to align center in template positions

without link to see impossible ...

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Last edit: 8 years 1 week ago by ggppdk.

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

bymamo
Topic Author
Offline
Premium Member

8 years 2 weeks ago - 8 years 1 week ago #61159 by bymamo

Replied by bymamo on topic How to align center in template positions

Ok micker, you need login with your user that I sent in PM
ecotonos.es/noticias/opinion/item/146-lo...chos-de-la-playa-146
Thanks

Last edit: 8 years 1 week ago by ggppdk.

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

ggppdk
Offline
Administrator

8 years 1 week ago - 8 years 1 week ago #61184 by ggppdk

Replied by ggppdk on topic How to align center in template positions

Hello

this is not related to FLEXIcontent it is just a general CSS question

maybe your rule is overidden by other rule
(to check ... temporarily add !important) and also trying a body or a div before the rule

body .flexi.subtitle1 {
}
body div .flexi.subtitle1 {
}

also to make it align the inner element must be
display: inline or display:inline-block without floating

so you need to style the inner elements too, it all come down to using proper CSS rules

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Last edit: 8 years 1 week ago by ggppdk.

The following user(s) said Thank You: bymamo

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

bymamo
Topic Author
Offline
Premium Member

8 years 1 week ago - 8 years 1 week ago #61200 by bymamo

Replied by bymamo on topic How to align center in template positions

Well next changes go fine:

Code:

.flexi.lineinfo {
	text-align: center;
}
.tabbertab .flexi.element,
.subtitle1 .flexi.element,
.subtitle2 .flexi.element,
.subtitle3 .flexi.element {
	display: inline-block;
	/*float: left;*/
}

Thank you and best regards.

Last edit: 8 years 1 week ago by ggppdk.

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