Change Style of Field Labels

jeffhoneyager
Topic Author
Offline
Senior Member

11 years 10 months ago #33077 by jeffhoneyager

Change Style of Field Labels was created by jeffhoneyager

How and Where - do you change the style of the field labels and add a < br / > after the entry in the field?

I when to the css for the template being used:

components/com_flexicontent/templates/faq/css/

Found this and added "font-weight: bold;" NO CHANGE

Code:

/* Field label & values styling */
span.flexi.label, .flexi.label {
float: left;
border-bottom: 1px solid silver;
color: #777;
font-size: 90%;
[b]font-weight: bold;[/b]
margin-right: 8px;
display:block;
}
span.flexi.value, .flexi.value {
float: left;
}

Looked in firebug and it showed:
<div class="desc-title">Responsibility</div>

Where "Responsibility" is the field label.

There is no desc-title style.

Where is it? What do I change?

Thanks.

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

ggppdk
Offline
Administrator

11 years 10 months ago #33080 by ggppdk

Replied by ggppdk on topic Change Style of Field Labels

Please,
1. do not change FLEXIcontent core CSS files !!!
2. it is not a problem if a CSS rule for it exists or not , you just need to create a CSS rule of higher importance

the way to do it for FLEXIcontent and ANY other extension too,

is at you Joomla Template
-- in a existing CSS file or
-- in a new CSS file (just in case your Joomla template provider issues an update)

add a new CSS rule of higher precedence
e.g. at any convenient CSS file add:

.desc-title { ... }
or
div div .desc-title {}
or
....

-- 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...

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