Switching Slideshow for right-aligned Image

  • Resolved babussell2

    (@babussell2)


    8 years ago

    Hello!

    I am currently finishing a website project, however, I am having trouble understanding how to get rid of the slideshow that is right-aligned on the homepage, and replace it with an image.

    Sadly, the developers of the theme aren’t offering support anymore, so there’s no way to ask them!

    I don’t want the slideshow, instead I want to insert an image that the user can click on to take them to another page.

    The link to the webpage is below

    https://www.franchisesociety.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    search your theme for a template file called template-home.php – this might contain the code for the slideshow or a call for the slideshow function …

    Thread Starter babussell2

    (@babussell2)

    I have found the file.. but I have no clue what to do in order to insert the picture..The code that I see after and before the opening and closing php tags is as follows….

    get_header(); ?>

	<div class="container container_12">

		<?php get_sidebar(); ?>

		<!-- BEGIN CONTENT  -->
		<div class="content alignleft">

			<?php if( !get_option('vz_options_home_slider_disabled') ) vz_home_slider(); // Loading v1 slider

			if(have_posts()) : the_post();
				echo '<div class="grid_8">';
					the_content();
				echo '</div>';
			endif;

			// Showing featured news
			if( !get_option('vz_options_home_featuredarticles_disabled') ) vz_home_featured();

			dynamic_sidebar('Home-feeds');

			// Showing home news block
			if( !get_option('vz_options_home_newsblock_disabled') ) vz_home_news();

			// Showing home events block
			if( !get_option('vz_options_home_eventsblock_disabled') ) vz_home_events();

			// Showing new sidebar
			dynamic_sidebar('Home-bottom');

			?>

		</div>
		<!-- END CONTENT  -->

	</div>
    Michael

    (@alchymyth)

    see this line:

    <?php if( !get_option('vz_options_home_slider_disabled') ) vz_home_slider(); // Loading v1 slider

    generally, try and change that to:

    <div class="grid_8"><a href="https://example.com/yourlink"><img class="alignright" src="https://example.com/your_image.jpg" alt="" /></a></div>
<?php

    details depend on where you want to link to and where the image is located;
    you might need to adjust the image size to match the space;
    might need further CSS classes to allow for formatting.

    • This reply was modified 8 years ago by Michael.
    Thread Starter babussell2

    (@babussell2)

    Your solution worked, however, I’m adding CSS to change the image height and width in the css style sheet and it’s not working. Whenever I change the image size, it doesn’t show on the webpage. Instead, the boxes below it simply covers part of the image. You can take a look and see what I am referring to.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Switching Slideshow for right-aligned Image’ is closed to new replies.