How to change (sIFR) H2 link font color

DirtyHoar
Inactive member
Topic Author
New Member

14 years 5 months ago - 14 years 5 months ago #3326 by DirtyHoar

How to change (sIFR) H2 link font color was created by DirtyHoar

Can't seem to figure out how to change the font color for sIFR H2 article header links. Changing via CSS doesn't work so I assume it's embedded?

I can change the color of all the other links, just not the sIFR enabled ones.

Can you help me out?

Thanks

Last edit: 14 years 5 months ago by DirtyHoar.

Please Log in to join the conversation.

milos
Support Staff
Moderator

14 years 5 months ago #3327 by milos

Replied by milos on topic Re: How to change (sIFR) H2 link font color

You should not change it in the CSS. You can change it in the template parameters (Extensions > Templates > Hot Architecture).

Please Log in to join the conversation.

DirtyHoar
Inactive member
Topic Author
New Member

14 years 5 months ago #3332 by DirtyHoar

Replied by DirtyHoar on topic Re: How to change (sIFR) H2 link font color

Of course, but that doesn't work. It only changes the color of the non sIFR links. Main Body>Links Colors set to #006633... yet, it displays blue instead of green.

Please Log in to join the conversation.

milos
Support Staff
Moderator

14 years 5 months ago #3337 by milos

Replied by milos on topic Re: How to change (sIFR) H2 link font color

Sorry, my bad. Please change line 206 in /templates/hot_architecture/index.php file to

Code:

<script type="text/javascript">sIFR.replace(segoe,  { selector: '.contentheading, .componentheading, .contentpagetitle, h1, h2, h3, h4, h5, h6'  , wmode:'transparent',    fitExactly:true,tuneWidth:5, forceSingleLine:false,  preventWrap:false,  css: {'.sIFR-root' : {'display':'block',  'background-color':'#000000', 'margin-left': '0','margin-right': '0', 'text-align':'left', 'letter-spacing':'0', 'text-transform':'uppercase', 'font-weight':'normal','font-style':'normal','color':'#f00'}, 'a': { 'display':'block','text-decoration': 'none', cursor:'pointer' },  'a:hover': { 'text-decoration': 'none' }}, filters:{ DropShadow: { color: '#ccc', strength:'2',distance: '2', alpha: '0.5', inner: false, angle: 45, blurX: 0, blurY: 0 }}});</script>

As you can see, I added 'color':'#f00'. You can change color #f00 with your own.

Please Log in to join the conversation.

DirtyHoar
Inactive member
Topic Author
New Member

14 years 5 months ago #3341 by DirtyHoar

Replied by DirtyHoar on topic Re: How to change (sIFR) H2 link font color

Hey thanks. But that still doesn't work. It does change the color but not if the h1 or h2 tag is a link. Still blue.

Please Log in to join the conversation.

DirtyHoar
Inactive member
Topic Author
New Member

14 years 5 months ago #3342 by DirtyHoar

Replied by DirtyHoar on topic Re: How to change (sIFR) H2 link font color

Ok, I got it figured out. The 'color':'#f00' just needed to be moved here:

Code:

'a': { 'display':'block','text-decoration': 'none', cursor:'pointer', 'color':'#006633' },

Thanks for your help!

Please Log in to join the conversation.

Time to create page: 0.167 seconds