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 4 months ago - 6 years 4 months ago #3326 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: 6 years 4 months ago by DirtyHoar.

Please Log in to join the conversation.

More
6 years 4 months ago #3327 by milos
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 4 months ago #3332 by DirtyHoar
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 4 months ago #3337 by milos
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 4 months ago #3341 by DirtyHoar
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 4 months ago #3342 by DirtyHoar
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.122 seconds

Links, Partners and Social Media