Support » Theme: Hero » hero-wordpress-theme-

  • Resolved hcaleon

    (@hcaleon)


    Hello guys. Will kindly someone help me out.
    I’m currently using the Hero WordPress theme http://wordpress.org/extend/themes/hero on my website and I’m just wondering if someone knows how to remove the black box slider on a hero slider and adding a link to the image slider directly.

    Its more like, I want to remove the black box link on hero slider and If I can just apply the link directly to the image so the user can just click the image right away and direct them to the link page.

    Please and thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Moderator Andrew Nevins

    (@anevins)

    Do you have a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”, or do you have a Child Theme?

    Please stick with your original thread – http://wordpress.org/support/topic/urgent-hero-wordpress-theme-please-help-thanks?replies=2

    (sorry, Andrew)

    Michael

    (@alchymyth)

    Forum Moderator

    [re-opened
    @hcaleon was asked to post here in the theme’s section.

    I am closing the other topic instead.]

    @hcaleon
    can you post alink to your site to illustrate the problem?

    Home

    Its more like, I want to remove the black box link on hero slider and If I can just apply the link directly to the image so the user can just click the image right away and direct them to the link page. Thanks

    @alchymyth – I like the image slider to be clickable. Thanks

    heres the site http://famba-il.org

    Oops, sorry sorry, my bad – clearly too early and/or not enough coffee yet – thanks alchymyth!

    Moderator Andrew Nevins

    (@anevins)

    That’s okay, WPyogi. Confusion is a common in duplicated threads.

    Michael

    (@alchymyth)

    Forum Moderator

    what is your code in front-page.php at the moment?

    (the slider section …)

    try this:

    <!--slideshow-->
    
    	<div id="slider" class="nivoSlider">
    
    <?php for ($i = 1; $i <= 2; $i++) { ?>
    
    			<a href='<?php echo of_get_option('slider_link'.$i); ?>'> <img src="<?php if(of_get_option('slider_image'.$i) != NULL){ echo of_get_option('slider_image'.$i);} else echo get_template_directory_uri() . '/images/slide'.$i.'.png' ?>" alt="<?php echo of_get_option('slider_head'.$i); ?>" /></a>
    
    			<?php } ?>
    
    		</div> <!--slideshow end-->

    OMG! thanks so much! its working! you’re a life saver.! I really appreciated it.

    @alchymyth i have 3 images.. the first 2 images links working and the third one is not.
    just wondering if that coding work for 3 images in the slider? thanks

    heres the site http://famba-il.org

    I fixed it . Thanks again!

    Michael

    (@alchymyth)

    Forum Moderator

    [edit: well done; maybe the part below might help somebody else in the future…]

    how did you manage to add a third image?

    I had to edit the following to have a theme option for the third slider image:

    did you edit front-page.php – this line – to change the number to 3:

    <?php for ($i = 1; $i <= 2; $i++) { ?>

    and options.php; duplicated this section and changed the number 2 to 3:

    $options[] = array( "name" => "Slider heading 2",
    						"desc" => "Heading for the slider.",
    						"id" => "slider_head2",
    						"std" => "",
    						"type" => "text");
    
    	$options[] = array( "name" => "Slider text 2",
    						"desc" => "Textarea description of slider.",
    						"id" => "slider_text2",
    						"std" => "",
    						"type" => "textarea");
    
    	$options[] = array( "name" => "Slider image 2",
    						"desc" => "963px x 350px exact. Upload your image for homepage slider.",
    						"id" => "slider_image2",
    						"type" => "upload");
    
    	$options[] = array( "name" => "Slider read more link",
    						"desc" => "Paste here the link of the page or post.",
    						"id" => "slider_link2",
    						"std" => "",
    						"type" => "text");
    	$options[] = array( "name" => "Slider heading 3",
    						"desc" => "Heading for the slider.",
    						"id" => "slider_head3",
    						"std" => "",
    						"type" => "text");

    yes! thats what i did too. thanks so much!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘hero-wordpress-theme-’ is closed to new replies.