Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Architecture" Joomla template.

Topic-icon How to change (sIFR) H2 link font color

More
6 years 11 months ago - 6 years 11 months ago #3326 by DirtyHoar
DirtyHoar created the topic: How to change (sIFR) H2 link font color
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: 6 years 11 months ago by DirtyHoar.

Please Log in to join the conversation.

More
6 years 11 months ago #3327 by milos
milos replied the 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.

More
6 years 11 months ago #3332 by DirtyHoar
DirtyHoar replied the 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.

More
6 years 11 months ago #3337 by milos
milos replied the 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
<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.

More
6 years 11 months ago #3341 by DirtyHoar
DirtyHoar replied the 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.

More
6 years 11 months ago #3342 by DirtyHoar
DirtyHoar replied the 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:
'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.123 seconds

Links, Partners and Social Media