I have been researching jquery statements to disable inline styles, but after spending several hours searching for a solution, I am still unable to figure it out.
I can identify the inline styles I wish to override and can temporarily change them in Firebug
the following statement is present inline in two locations. I have attempted to override it with a custom.css file, but it has not worked.
#sp-feature-wrapper {
background: none repeat scroll 0% 0% #FC0000 !important;
}
I have also tried switching templates to see if that would resolve the issue, but so far, no luck.
If there is a jquery statement that can be used to remove the inline style (which is created within the template itself and not in any of the .css files) for feature wrapper, should it be included in the custom.css file or do I need to create a different type of file?
Thank you for your help.
Below is my index.php file where I have tested various suggestions (I have received some great ideas but lack the knowledge to implement them, resulting in errors)
<?php
/**
* @package Helix Framework
* Template Name - Shaper Helix
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2013 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
//no direct access
defined ('_JEXEC') or die ('restricted access');
?><!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="<?php echo $this->language; ?>"> <!-- <![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<jdoc:include type="head" />
<?php
$this->helix->Header()
->setLessVariables(array(
'preset'=>$this->helix->Preset(),
'header_color'=> $this->helix->PresetParam('_header'),
'bg_color'=> $this->helix->PresetParam('_bg'),
'text_color'=> $this->helix->PresetParam('_text'),
'link_color'=> $this->helix->PresetParam('_link'),
//'footer_color'=> $this->helix->PresetParam('_footer')
))
->addLess('master', 'template')
->addLess( 'presets', 'presets/'.$this->helix->Preset() );
?>
</head>
<body <?php echo $this->helix->bodyClass('bg hfeed clearfix'); ?>>
<div class="body-innerwrapper">
<!--[if lt IE 8]>
<div class="chromeframe alert alert-danger" style="text-align:center">You are using an <strong>outdated</strong> browser. Please <a target="_blank" href="http://browsehappy.com/">upgrade your browser</a> or <a target="_blank" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</div>
<![endif]-->
<?php
$this->helix->layout();
$this->helix->_Footer();
?>
<jdoc:include type="modules" name="debug" />
</div>
</body>
</html>