Styling content inside tabs and subtitle areas

I tried to edit the default template css
components/com_flexicontent/templates/default/css/item.css

.flexi.subtitle1 {
}
.flexi.subtitle2 {
}
.flexi.subtitle3 {
min-width: 100%;!important
text-align: center;!important
}

I tried to edit the above settings to see if i could control the way content is displayed inside the "subtitle 1,2,3" areas but i do not see any visible changes. I would like the text to spread full width and the be centered so i use the css styling in the italics

.tabbertab .flexi.element,
.subtitle1 .flexi.element,
.subtitle2 .flexi.element,
.subtitle3 .flexi.element {
display:block;
float: left;
margin: 0px 24px 12px 0px;
}

I want to know if these settings control the way content is displayed inside the - tabs in the front end

Hello,

i take time to answer you , so that you will not think that you are being ignored

Instead of implementing the styling in this particular case (this particular example that you described),

it is best to invest time to learn styling in depth

Here is a good guide:
(start with beginner and the intermediate and then advanced)

www.htmldog.com/guides/css/beginner/

Also you may wish to post to a CSS forum

Best Regards

I read a book on html 5 and css 3
HTML 5 and CSS 3 Visual Quick start guide
www.bruceontheloose.com/htmlcss/

I am unable to match the css classes in the style sheets with the areas in the front end they correspond to.
In this particular case subtitle 1,2,3.

min-width: 100%;!important
text-align: center;!important

Semicolon should be at the end

min-width: 100%!important;
text-align: center!important;

Hello,
i am unable to answer this question without spending a small or a considerable amount of time to test a particular page to add the desired effects, imagine me doing it for 100 of users ...

to give you a hint use a tool like firebug to examine particular HTML element what takes precedence in the CSS rules, and also to check if your rule is being overtaken by higher precedence rule or it is discarded e.g. because of syntax error

Regards

No, I don't want you to examine the page and correct the css for me. I want you to tell me which css classes would correspond to the which positions in the template that's all. I am trying to move certain fields that were in the default position to subtitle 1, 2, 3 doing that is changing a few styles. I just want to apply the same styles that i applied for Description to the others too. I was trying to do the same for "tabs" in the template position. Now i need to know the names of the classes that would affect the css on fields placed in tags.
Thanks for pointing that out my mistake about the !important tag