Substituting Similar Text Size and Contrast for Slider Header Support Forum

ThemeFuse » HTML Theme Support » SiliconApp

Substituting Similar Text Size and Contrast for Slider Header

1 year ago by jpamplin

Resolved

Latest reply from Max
6 posts, 2 people

Hi Max,

I found out that google doesnt like multiple <H1> title tags on a page. The index.php has three: one for each slider page.

So, is there anyway I can change this tag and still have a similar text size and contrast?

Thank you.

Jim

jpamplin
1 year ago
Hi Jim,
you are using wordpress or html template?

Thanks.

Max
1 year ago
The wordpress template.

Thanks.

Jim

jpamplin
1 year ago

Hi Jim,
in index.php file find this code:

<div id="slides">
		<div class="slide-wrapper">    			
			<div class="app_text">
				<h1><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box1_title')) ?></h1>
				<p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box1_text')) ?></p>
			</div>
		</div>    	
		<div class="slide-wrapper">
			<div class="app_text">
				<h1><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box2_title')) ?></h1>
				<p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box2_text')) ?></p>
			</div>		</div>   
		<div class="slide-wrapper">
			<div class="app_text">
				<h1><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box3_title')) ?></h1>
				<p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box3_text')) ?></p>
			</div>
		</div>
	</div>

and replace with:

<div id="slides">
		<div class="slide-wrapper">    			
			<div class="app_text">
				<div class="headtext"><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box1_title')) ?></div>
				<p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box1_text')) ?></p>
			</div>
		</div>    	
		<div class="slide-wrapper">
			<div class="app_text">
				<div class="headtext"><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box2_title')) ?></div>
				<p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box2_text')) ?></p>
			</div>		</div>   
		<div class="slide-wrapper">
			<div class="app_text">
				<div class="headtext"><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box3_title')) ?></div>
				<p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box3_text')) ?></p>
			</div>
		</div>
	</div>

then add this code in style.css or custom.css:

.headtext {font-size: 30px; color: #0D0D0D;}

Than in header.php file find this code:


<script type="text/javascript">

		Cufon.replace('h1');

    	Cufon.replace('h2 a');

		Cufon.replace('h3');

		Cufon.replace('h4');

    </script>

and replace with:


<script type="text/javascript">

		Cufon.replace('h1');

    	Cufon.replace('h2 a');

		Cufon.replace('h3');

		Cufon.replace('h4');
Cufon.replace('.headtext');
    </script>

Cheers,
Max.

Max
1 year ago

Hi Max,

I followed your above instructions, however, these steps removed all three H1 headings. Is there a way to have heading in the first slider classified as H1? This will help with SEO.

Thank you.

Jim

jpamplin
10 months ago

Hi Jim,
yes, this is possible, use this code:

<div id="slides">
        <div class="slide-wrapper">               
            <div class="app_text">
                <h1><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box1_title')) ?></h1>
                <p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box1_text')) ?></p>
            </div>
        </div>        
              <div class="slide-wrapper">
            <div class="app_text">
                <div class="headtext"><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box2_title')) ?></div>
                <p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box2_text')) ?></p>
            </div>        </div>   
        <div class="slide-wrapper">
            <div class="app_text">
                <div class="headtext"><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box3_title')) ?></div>
                <p><?php echo tfuse_qtranslate(get_option(PREFIX.'_slider_box3_text')) ?></p>
            </div>
        </div>
    </div>

Cheers,
Max.

Max
9 months ago

Add Reply

You must log in to post.

Add a new topic!

Chances are your issue is already answered, but if it’s not, you can always create a new topic.

Add new topic

Search forums

Searching for something specific? Type something and press Enter to search.

Substituting Similar Text Size and Contrast for Slider Header

Add Reply

Add a new topic!

Search forums

Themefuse

Our Themes

Support

Follow us on