(2021-02-26, 03:20 AM)DiegoPino Wrote: [ -> ] (2021-02-26, 12:06 AM)[ExiTuS] Wrote: [ -> ]This text is the <legend> within the <fieldset> element.
See template: "postbit_attachments"
Changing global.css definitions for "fieldset" or "legend" may affect all other fieldsets all around the forum.
[ExiTuS]
I think the best option at this point is to change the line from golabal.lang to display the style
$l['postbit_attachments'] = "<span style=color:#c7c30a>Attached Files</span>";
Now the Color Text "Attached Files" are ok
and why? as yes correct, the fieldset would be affected boardwide if you assigned the styling to the primary fieldset styling, but NOT if you actually assign styling to specific fieldset?!! and would be better than styling via the lang file that would get overwritten on core updates...
when instead you could simply do something similar to:
ie:
Edit Template: postbit_attachments
<br />
<br />
<fieldset class="attachments-field">
<legend><span class="attachments-legend">{$lang->postbit_attachments}</span></legend>
{$post['attachedthumbs']}
{$post['attachedimages']}
{$post['attachmentlist']}
</fieldset>
and add to css:
fieldset.attachments-field {
border-color: #4586CB !important;
}
span.attachments-legend {
color: #c7c30a !important;
font-weight: bold;
}
* note: you may not need !important in yours but for my examples when made to create the screenshot the style had existing styling that required such.
so for you it would most likely just be simply:
fieldset.attachments-field {
border-color: #4586CB;
}
span.attachments-legend {
color: #c7c30a;
font-weight: bold;
}
also as for the other part that I see you have completed already, I am simply curious why you applied the span styling inline when you could have simply as previously suggested:
ie:
Edit Template: postbit_attachments_attachment
<br />{$attachment['icon']} <span class="attachment-link"><a href="attachment.php?aid={$attachment['aid']}" target="_blank" title="{$attachdate}">{$attachment['filename']}</a></span> <span class="attachment-details">({$lang->postbit_attachment_size} {$attachment['filesize']} / {$lang->postbit_attachment_downloads} {$attachment['downloads']})</span>
add css styling:
span.attachment-details {
color: #BEAE30 !important;
}
span.attachment-link a:link {
color: #F8B18E !important;
font-weight: bold;
}
* note: you may not need !important in yours but for my examples when made to create the screenshot the style had existing styling that required such.
so for you it would most likely be simply:
span.attachment-details {
color: #BEAE30;
}
span.attachment-link a:link {
color: #F8B18E;
font-weight: bold;
}
to make your final css base end for the both template edits:
/* Postbit Attachment styling */
/* Fieldset Attachments */
fieldset.attachments-field {
/* border color */
border-color: #4586CB;
}
/* Legend Attachments Title Span */
span.attachments-legend {
/* text color */
color: #c7c30a;
/* emulate strong */
font-weight: bold;
}
/* Attachment Link */
span.attachment-link a:link {
/* link color */
color: #F8B18E;
/* emulate strong */
font-weight: bold;
/* decoration */
text-decoration: none;
}
/* visited state */
span.attachment-link a:visited {
/* link color */
color: #F8B18E;
/* decoration */
text-decoration: none;
}
/* active & hover states */
span.attachment-link a:active,
span.attachment-link a:hover {
/* link color */
color: #4586CB;
/* decoration */
text-decoration: underline;
}
/* Attachment Details */
span.attachment-details {
/* text color */
color: #BEAE30;
}
*
Final note: You then could also say want to add bg and hover bg to fieldset just for an example by adjusting existing fieldset.attachments-field styling like so:
/* Fieldset Attachments */
fieldset.attachments-field {
border-color: #4586CB;
background: #fff;
}
/* fieldset active & hover states */
fieldset.attachments-field:active,
fieldset.attachments-field:hover {
background: #fff8f9;
}
* I say final base end because this is your base end with links states factored..., and is the base end done as simply and openly explanatory to the visible eye as to what is what that you then could edit further upon for those two specific templates edited.
......etc, etc?
Best of luck!