linked Picture on background

General PHP Help
#1

Hey everyone,

First of all, I am completely new to all of this webdesign and so on so please excuse if I am posting irrelevant information. I would like to have an additional button on my WordPress site (www.refugeesvoice.com). I attached a photo-shopped screenshot of what I would like to have. This would be the url for the picture on top: http://refugeesvoice.com/wp-content/uploads/2015/09/support-us-on-indiegogo.png and it should be linked to igg.me/at/refugeesvoice .

The section of the theme where I assume the code would belong to:

[php]<?php

$pixova_lite_section_title = get_theme_mod(‘pixova_lite_about_section_title’, __(‘We build solutions for your everyday problems.’, ‘pixova-lite’) );
$pixova_lite_section_sub_title = get_theme_mod(‘pixova_lite_about_section_sub_title’, __(‘This is what we do in a nutshell.’, ‘pixova-lite’) );

// Text blocks
$pixova_lite_section_text_block = get_theme_mod(‘pixova_lite_about_section_textarea’, __(‘Creative ut tincidunt nibh, varius cursus nunc. Curabitur molestie, metus vel luctus euismod, mi libero laoreet odio, eu dapibus leo tortor sit amet purus. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.’, ‘pixova-lite’) );
$pixova_lite_section_text_blockquote = get_theme_mod(‘pixova_lite_about_section_blockquote’, __(‘Working with Pixova has been an experience for a lifetime. I strongly reccommend these guys for their awesome support. Erlich Bachman, Aviato’, ‘pixova-lite’) );

// Section #1 Chart
$pixova_lite_section_1_chart_heading = get_theme_mod(‘pixova_lite_about_section_chart_1_heading’, __(‘Web development’, ‘pixova-lite’) );
$pixova_lite_section_1_chart_percentage = get_theme_mod(‘pixova_lite_about_section_chart_1_percentage’, ‘70’);
$pixova_lite_section_1_chart_bar_color = get_theme_mod(‘pixova_lite_about_section_chart_1_bar_color’, ‘#2cc36b’);
$pixova_lite_section_1_chart_track_color = get_theme_mod(‘pixova_lite_about_section_chart_1_track_color’, ‘#EEEEEE’);

// Section #2 Chart
$pixova_lite_section_2_chart_heading = get_theme_mod(‘pixova_lite_about_section_chart_2_heading’, __(‘Web Design’, ‘pixova-lite’) );
$pixova_lite_section_2_chart_percentage = get_theme_mod(‘pixova_lite_about_section_chart_2_percentage’, ‘70’);
$pixova_lite_section_2_chart_bar_color = get_theme_mod(‘pixova_lite_about_section_chart_2_bar_color’, ‘#2cc36b’);
$pixova_lite_section_2_chart_track_color = get_theme_mod(‘pixova_lite_about_section_chart_2_track_color’, ‘#EEEEEE’);

// Section #3 Chart
$pixova_lite_section_3_chart_heading = get_theme_mod(‘pixova_lite_about_section_chart_3_heading’, __(‘Print Design’, ‘pixova-lite’) );
$pixova_lite_section_3_chart_percentage = get_theme_mod(‘pixova_lite_about_section_chart_3_percentage’, ‘70’);
$pixova_lite_section_3_chart_bar_color = get_theme_mod(‘pixova_lite_about_section_chart_3_bar_color’, ‘#2cc36b’);
$pixova_lite_section_3_chart_track_color = get_theme_mod(‘pixova_lite_about_section_chart_3_track_color’, ‘#EEEEEE’);

// Section #4 Chart
$pixova_lite_section_4_chart_heading = get_theme_mod(‘pixova_lite_about_section_chart_4_heading’, __(‘Graphic Identity’, ‘pixova-lite’) );
$pixova_lite_section_4_chart_percentage = get_theme_mod(‘pixova_lite_about_section_chart_4_percentage’, ‘70’);
$pixova_lite_section_4_chart_bar_color = get_theme_mod(‘pixova_lite_about_section_chart_4_bar_color’, ‘#2cc36b’);
$pixova_lite_section_4_chart_track_color = get_theme_mod(‘pixova_lite_about_section_chart_4_track_color’, ‘#EEEEEE’);

// Logic used to dynamically create the layout, based on how many charts are active
$pixova_lite_no_of_charts = 0;
$pixova_lite_cols = ‘’;
$pixova_lite_chart_size = ‘’;

if( isset( $pixova_lite_section_1_chart_percentage ) && is_numeric( $pixova_lite_section_1_chart_percentage) ) {
$pixova_lite_no_of_charts++;
}

if( isset( $pixova_lite_section_2_chart_percentage ) && is_numeric( $pixova_lite_section_2_chart_percentage) ) {
$pixova_lite_no_of_charts++;
}

if( isset( $pixova_lite_section_3_chart_percentage ) && is_numeric( $pixova_lite_section_3_chart_percentage) ) {
$pixova_lite_no_of_charts++;
}

if( isset( $pixova_lite_section_4_chart_percentage ) && is_numeric( $pixova_lite_section_4_chart_percentage) ) {
$pixova_lite_no_of_charts++;
}

if($pixova_lite_no_of_charts == 1) {
$pixova_lite_cols = ‘col-md-offset-4 col-sm-offset-3 col-xs-offset-1 text-center’;
$pixova_lite_chart_size = ‘col-md-4 col-sm-6 col-xs-10’;
} else if($pixova_lite_no_of_charts == 2) {
$pixova_lite_cols = ‘col-md-offset-4 col-sm-offset-2 text-center’;
$pixova_lite_chart_size = ‘col-md-4 col-sm-4 col-xs-12’;
} else if($pixova_lite_no_of_charts == 3) {
$pixova_lite_cols = ‘col-md-offset-1 col-xs-12’;
$pixova_lite_chart_size = ‘col-md-3 col-sm-4 col-xs-12’;
} else if($pixova_lite_no_of_charts == 4){
$pixova_lite_cols = ‘col-xs-12’;
$pixova_lite_chart_size = ‘col-md-3 col-sm-6 col-xs-12’;
}

echo ‘’;
echo ‘

’;
echo ‘
’;
echo ‘
’;
echo ‘

’;
echo esc_html( $pixova_lite_section_title );
echo ‘’.esc_html( $pixova_lite_section_sub_title ).’’;
echo ‘

’;
echo ‘
’;
echo ‘
’; 
	echo '<div class="row">';

	if(isset($pixova_lite_section_text_block) && !empty($pixova_lite_section_text_block)) {
		echo '<p class="about-text">';
			echo esc_html( $pixova_lite_section_text_block );
		echo '</p><!--/.about-text-->';
	}

	if( isset( $pixova_lite_section_text_blockquote ) && !empty( $pixova_lite_section_text_blockquote) ) {
		echo '<blockquote>';
			echo '<p>'.esc_html( $pixova_lite_section_text_blockquote ).'</p>';
		echo '</blockquote>';
	}

# Section title
echo '<h2 class="text-center">' . __('Our Skills', 'pixova-lite') . '</h2>';

echo ‘

’; 
	if(isset($pixova_lite_section_1_chart_percentage) && is_numeric( $pixova_lite_section_1_chart_percentage) ) {
		echo '<div class="'.$pixova_lite_chart_size.'">';
			echo '<div class="mt-chart" data-trackColor="'.esc_html( $pixova_lite_section_1_chart_track_color ).'" data-barColor="'.esc_html( $pixova_lite_section_1_chart_bar_color ).'" data-lineWidth="10" data-percent="'.esc_html( $pixova_lite_section_1_chart_percentage ).'">';
				echo'<div class="mt-pie-chart-custom-text">';
					echo esc_html( $pixova_lite_section_1_chart_percentage ).'%';
    			echo'</div><!--/.mt-pie-chart-custom-text-->';
        	echo '</div><!--/.mt-chart-->';

        	if( isset( $pixova_lite_section_1_chart_heading ) ) {
	        	echo '<h4 class="mt-heading mt-heading-single-line text-center">';
	        		echo esc_html( $pixova_lite_section_1_chart_heading );
	        	echo '</h4><!--/.mt-heading-->';
        	}

    	echo '</div><!--/.col-md-->';
    }

    if(isset($pixova_lite_section_2_chart_percentage) && is_numeric( $pixova_lite_section_2_chart_percentage) ) {
    	echo '<div class="'.$pixova_lite_chart_size.'">';
			echo '<div class="mt-chart" data-trackColor="'.esc_html( $pixova_lite_section_2_chart_track_color ).'" data-barColor="'.esc_html( $pixova_lite_section_2_chart_bar_color ).'" data-lineWidth="10" data-percent="'.esc_html( $pixova_lite_section_2_chart_percentage ).'">';
				echo'<div class="mt-pie-chart-custom-text">';
            		echo esc_html( $pixova_lite_section_2_chart_percentage ).'%';
            	echo'</div><!--/.mt-pie-chart-custom-text-->';
        	echo '</div><!--/.mt-chart-->';

        	if( isset( $pixova_lite_section_2_chart_heading ) ) {
	        	echo '<h4 class="mt-heading mt-heading-single-line text-center">';
	        		echo esc_html( $pixova_lite_section_2_chart_heading );
	        	echo '</h4><!--/.mt-heading-->';
        	}
        echo '</div><!--/.col-md-->';
    }

    if(isset($pixova_lite_section_3_chart_percentage) && is_numeric( $pixova_lite_section_3_chart_percentage) ) {
    	echo '<div class="'.$pixova_lite_chart_size.'">';
			echo '<div class="mt-chart" data-trackColor="'.esc_html( $pixova_lite_section_3_chart_track_color ).'" data-barColor="'.esc_html( $pixova_lite_section_3_chart_bar_color ).'" data-lineWidth="10" data-percent="'.esc_html( $pixova_lite_section_3_chart_percentage ).'">';
				  	echo'<div class="mt-pie-chart-custom-text">';
        				echo esc_html( $pixova_lite_section_3_chart_percentage ).'%';
        			echo'</div><!--/.mt-pie-chart-custom-text-->';
        	echo '</div><!--/.mt-chart-->';
        	if( isset( $pixova_lite_section_3_chart_heading ) ) {
	        	echo '<h4 class="mt-heading mt-heading-single-line text-center">';
	        		echo esc_html( $pixova_lite_section_3_chart_heading );
	        	echo '</h4><!--/.mt-heading-->';
        	}
        echo '</div><!--/.col-md-->';
    }	


	if(isset($pixova_lite_section_4_chart_percentage) && is_numeric( $pixova_lite_section_4_chart_percentage) ) {
		echo '<div class="'.$pixova_lite_chart_size.'">';
			echo '<div class="mt-chart" data-trackColor="'.esc_html( $pixova_lite_section_4_chart_track_color ).'" data-barColor="'.esc_html( $pixova_lite_section_4_chart_bar_color ).'" data-lineWidth="10" data-percent="'.esc_html( $pixova_lite_section_4_chart_percentage ).'">';
				echo'<div class="mt-pie-chart-custom-text">';
					echo esc_html( $pixova_lite_section_4_chart_percentage ).'%';
    			echo'</div><!--/.mt-pie-chart-custom-text-->';
        	echo '</div><!--/.mt-chart-->';
        	if( isset( $pixova_lite_section_4_chart_heading ) ) {
	        	echo '<h4 class="mt-heading mt-heading-single-line text-center">';
	        		echo esc_html( $pixova_lite_section_4_chart_heading );
	        	echo '</h4><!--/.mt-heading-->';
        	}
        echo '</div><!--/.col-md-->';
    }

echo ‘

’; 
    echo '<div class="clearfix"></div>';
	echo '</div><!--/.row-->';

echo '</div><!--/.container-->';

echo ‘’;[/php]

If anyone could help, that would be great. Its for a good cause )
Thanks in advance,
Max

#2

All you really need to do is to add the link to pages through the wordpress interface. You don’t need coding to do that.

Sponsor our Newsletter | Privacy Policy | Terms of Service