sghegde87

Participant

Forum Replies Created

  • Thank you…. Much appreciated.. 🙂

    @Prasanna: Thank you….

    1) I also figured out that there is an option for adding code in <head> tag under Graphene Options > Advanced. I added the CSS code here and it works just well. But surely going to try this out too. Thanks.

    2) Sorry for the silly Question. But when I click on the rss link, it takes me to an XML page or something. How do I add that to notify me?

    Thanks again.

    Quote:
    Hy,

    By default, if there is no custom menu assigned to Header, Secondary and Footer menu in Appearance ->Menus->Theme Locations there will be list of pages only in Header section. As far as I see you have custom menu in Header with some categories and Secondary Menu activated so…

    I’m looking at link on your user name.

    Kudos!!! I am really grateful to you buddy… ” Gracious “…….

    Marking as ‘Resolved’ !!

    Quote:
    You need to go to Appearance –> Menus and reassign the custom menu you’ve created to the header menu after activating the child theme.

    After activating Child Theme, I removed all the menus, then added all of them again… but its not working.. 🙁

    Actually, after activating child theme, my control over Menu is gone!! I mean what ever I add or remove, It has no effect!! Its taking its own set of Pages for menu!!!

    Quote:
    OOPS!! Sorry for HTML blooper..

    Here is the Code that works!!

    <h1>Show/Hide using jQuery</h1>
    <a id="showhidetrigger" href="#howhidetarget">show/hide</a>
    <div id="showhidetarget">This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.</div>

    <a id="showhidetrigger" href="#howhidetarget">Hide</a>

    Javascript reamins the same!

    Quote:
    OOPS!! Sorry for HTML blooper..

    Here is the Code that works!!

    <h1>Show/Hide using jQuery</h1>

    show/hide

    <div id=”showhidetarget”>This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.</div>

    Hide

    JavaScript remains the same as above!!!

    ENjoy!!

    OOPS!! Sorry for HTML blooper..

    Here is the Code that works!!

    <h1>Show/Hide using jQuery</h1>
    <a id="showhidetrigger" href="#howhidetarget">show/hide</a>
    <div id="showhidetarget">This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.
    This is the box that is hidden and shown.</div>

    <a id="showhidetrigger" href="#howhidetarget">Hide</a>

    By the way, If anyone visits this post, I would like to let you know what method I use:

    I use inline method in WP posts. This can be used in non WP sites as well.

    Java Script / JQuery :

    <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js”></script><script type=”text/javascript”>// <![CDATA[

    $(document).ready(function () { $(‘#showhidetarget’).hide(); $(‘a#showhidetrigger’).click(function () { $(‘#showhidetarget’).toggle(400); }); });

    // ]]></script>

    HTML

    <h1>Show/Hide using jQuery</h1>

    show/hide

    <div id=”showhidetarget”>This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.

    This is the box that is hidden and shown.</div>

    Hide

    Source: http://simon-holman.net/2010/03/show-and-hide-a-div-using-jquery/

    Hope it helped! Cheers!! 🙂

    @Prasanna SP: Superb… I needed the exact terminology to search! You Rock buddy!!

    Quote:

    Use a child theme.

    Add the CSS on that site to your child theme’s style sheet.

    Add the jQuery code via your child theme’s functions file. You’ll need to hook it to the wp_head action hook.

    Add the relevant HTML to your post via the HTML editor.

    @Kenneth John Odle: Thank you … I have just started coding… So… its kind of “out this world” for me. But will surely try it out once I get to know about Child theme!

Viewing 10 posts - 31 through 40 (of 44 total)
Do NOT follow this link or you will be banned from the site!