Home / Forums / DynamiX Support / ‘Reveal Content’ Help

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts

  • Shaufi
    Participant

    Hi, i love the ‘reveal content’ shortcodes option but i would like the content to be shown instead of collapse as default. Can you please advice how to do this?


    Anonymous

    Hi,

    There are a couple of things you’ll need to do.

    1) Edit DynamiX/lib/js/dynamix.min.js and search and remove the following line.

    $(“.reveal-content”).hide();

    Then you’ll need to edit the DynamiX/style.css file and search for Reveal Boxes and replace with following lines of CSS.

    .revealbox .ui-icon { width: 15px; height: 15px; background-image: url(images/button-d.png); }
    .revealbox .ui-icon { position: absolute; left: 0px; top: 18px; *top:19px; margin-top: -7px; }
    .revealbox .ui-state-active .ui-icon { background-position:0px 15px; }
    .revealbox h4.reveal {cursor:pointer;font-size:16px;margin-bottom:0;display:block;padding-left:19px;}

    With these lines of CSS.

    .revealbox .ui-icon { width: 15px; height: 15px; background-image: url(images/button-d.png); background-position:0px 15px; }
    .revealbox .ui-icon { position: absolute; left: 0px; top: 18px; *top:19px; margin-top: -7px; }
    .revealbox .ui-state-active .ui-icon { background-position:0px 0px; }
    .revealbox h4.reveal {cursor:pointer;font-size:16px;margin-bottom:0;display:block;padding-left:19px;}

    Hope that helps.


    Shaufi
    Participant

    Great it works! Thanks.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.