8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Help with Twitter Bootstrap

by oliverjones
7 replies
  • WEB DESIGN
    • |
I am making a site using a theme on Wordpress for me and my fiancee wedding.

Hannah & Oliver | Our Wedding

I have made a page to RSPV - Hannah & Oliver

But I need to get rid of the hovering menus on this page only. And if possible get rid of the background image.

Any clues would be helpful as this is getting stressful with the Mrs asking me to approve colour schemes for dresses at the same time!

Cheers guys
#bootstrap #twitter
  • Profile picture of the author Nathan K
    There are couple of ways you can do this. The easiest way i think is using jquery.

    Paste the following code in the footer.php file. It should be placed before the ending </body> tag.

    <?php
    if (is_page(97)):
    ?>
    <script>
    $("body").removeAttr("style");
    $("ul.navi").css( "display","none");
    </script>
    <?php
    endif;
    ?>
    {{ DiscussionBoard.errors[8539287].message }}
    • Profile picture of the author oliverjones
      Thanks. I tried but it didnt work?
      {{ DiscussionBoard.errors[8540461].message }}
      • Profile picture of the author RobinInTexas
        You need to create a custom page template for that page and remove the section in the header that displays the menu
        Signature

        Robin



        ...Even if you're on the right track, you'll get run over if you just set there.
        {{ DiscussionBoard.errors[8540495].message }}
  • Profile picture of the author fghaegele
    Typo alert!

    Please change

    Please Click Here to RSPV

    to

    Please Click Here to RSVP
    Signature
    Take A Break. Play A Puzzle: Merlin's Puzzles
    {{ DiscussionBoard.errors[8539954].message }}
  • Profile picture of the author Nathan K
    Sorry forgot to add document ready event, now can you try.

    <?php
    if (is_page(97)):
    ?>
    <script>
    $(document).ready(function(){
    $("body").removeAttr("style");
    $("ul.navi").css( "display","none");
    });
    </script>
    <?php
    endif;
    ?>
    {{ DiscussionBoard.errors[8540486].message }}
  • Profile picture of the author oliverjones
    Sorry but its still not done the trick?
    {{ DiscussionBoard.errors[8540491].message }}
  • Profile picture of the author Nathan K
    The jquery.js file you are using contains jQuery.noConflict(); at the bottom.
    That means to avoid conflicting with other scripts you have to add 'jQuery' instead of the $ sign.

    <?php
    if (is_page(97)):
    ?>
    <script>
    jQuery(document).ready(function(){
    jQuery("body").removeAttr("style");
    jQuery("ul.navi").css( "display","none");
    });
    </script>
    <?php
    endif;
    ?>
    {{ DiscussionBoard.errors[8540546].message }}

Trending Topics