WordPress.org

Ready to get started?Download WordPress

Forums

Hover slide buttons not showing (6 posts)

  1. freshman101
    Member
    Posted 5 months ago #

    I used the w3 total cache plugin and minified files manually and it seemed to have changed some code in my php files.

    I am now having trouble having my slider navigation buttons show up during hover.

    hoopconnect.me

    The PHP file for the homepage template for the slider masthead sections is as follows:

    <?php
    
                } else {
    
                    echo '<ul class="slides-container">';  
    
                    for ($i = 0; $i < count($canon_options_slider['slides']); $i++) {  
    
                    ?>
    
                        <li>
                            <img src="<?php echo $canon_options_slider['slides'][$i]['image_url']; ?>" class="slide-img">
                            <div class="wrapper">
                                <div class="column cta third <?php echo $canon_options_slider['slides'][$i]['text_alignment']; ?>">
                                    <?php echo $canon_options_slider['slides'][$i]['text']; ?>
                                </div>
                            </div>
                        </li>
    
    <?php
    
                    } //end fori
    
                    ?>  
    
    <nav class="slides-navigation">
                        <a href="#" class="next">s</a>
                        <a href="#" class="prev">S</a>
                    </nav>
    
    </ul>  
    
            <?php
    
                }
    
            ?>    
    
        </div>

    I'm not sure if it is a problem with my PHP file or my CSS. Any feedback would be greatly appreciated.

    The specific section that I am having problems with is having the slides-navigation sections show up.

  2. Chris Hardie
    Member
    Posted 5 months ago #

    Hi. I tried the couple of sliders I saw on your side and the navigation buttons seemed to work fine. Maybe I'm missing the one you're talking about (or maybe you fixed it!)

    It sounds like this is could be an issue with your PHP/CSS and its interaction with the total cache plugin as you noted, but it's difficult to tell with this limited information. You could try turning that plugin off to see if the issue persists. You might post something in the total cache support forum here:

    http://wordpress.org/support/plugin/w3-total-cache

    Beyond that, consider using some developer tools that will let you see how the page's CSS and Javascript are being interpreted so you can determine just where along the way an error is happening.

  3. freshman101
    Member
    Posted 5 months ago #

    Hi Chris,

    Thanks for the reply.

    On the homepage... the giant picture that shows up (first image that you see) is actually a slider. When you mouse over the picture, some navigation buttons are supposed to appear.

    Actually... when I minified files and purged caches with w3 total cache... the homepage was unable to scroll down and the wp-admin bar was missing at the top.

    I assumed it was because it wasn't calling the footer.php because something was broken in the code on the homepage.

    So after hours of playing around with it... I moved the BELOW the nav class "slides navigation" section... (it was right below the tag before>

    I have no idea if it is even possible... but it seems like minifying or cacheing something actually CHANGED the PHP code.

    When I moved the tag... I was able to see the wp-admin bar and scroll down to the rest of the page, but I still do not see the navigation buttons.

  4. freshman101
    Member
    Posted 5 months ago #

    *sorry I meant to say that I moved the ending ul tag around (below the slides navigation div)

  5. freshman101
    Member
    Posted 5 months ago #

    Could this be an .htaccess problem in the cache files of the wp-content files?

  6. freshman101
    Member
    Posted 5 months ago #

    Ok so I think I've narrowed it down to a sliders-navigation or sliders-pagination issue... I am just not sure where I am supposed to place these in the PHP file.

    In fact... I have no idea where my pagination section is? When I view the page source, it says that slides pagination is at the end of list and ul section, but I don't see it in my PHP file.

    <?php
    
                } else {
    
                    echo '<ul class="slides-container">';  
    
                    for ($i = 0; $i < count($canon_options_slider['slides']); $i++) {  
    
                    ?>
    
    <li>
                            <img src="<?php echo $canon_options_slider['slides'][$i]['image_url']; ?>" class="slide-img">
                            <div class="wrapper">
                                <div class="column cta third <?php echo $canon_options_slider['slides'][$i]['text_alignment']; ?>">
                                    <?php echo $canon_options_slider['slides'][$i]['text']; ?>
                                </div>
                            </div>
                        </li>
    <?php
    
                    } //end fori
    
                    ?>  
    
    <strong><nav class="slides-navigation">
                        <a href="#">s</a>
                        <a href="#">S</a>
                    </nav>
    </strong>
    
            <?php
    
                }
    
            ?>    
    
        </div>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

Reply

You must log in to post.

About this Topic