To insert code use <code>...</code>.
Striking: Toggle button (align right)
  • Vote Up0Vote Down GuivreizGuivreiz
    Hi,
    is there any way to put the "Plus"-Botton in the toggle title to the right? I'm sure it's easy, but I can't figure it out. Thank you very much!
    Guiv
  • 5 Comments sorted by
  • Vote Up0Vote Down GuivreizGuivreiz
    And yet another question: Where is the font for the toggle title defined, so where can I change it? Now it is Cufon, but I need it to be normal text. Thanks again!
  • Vote Up0Vote Down WebsysWebsys
    To change the font, you would have to use some custom css, and in fact the button code includes the ability for you to have created either class or id (either of which you would have most likely inserted into the Custom CSS box in the Striking General Panel) and call it when using the shortcode (its the first 2 attributes of the button shortcode). You could define the class or id to include the image, aligned right. Since it sounds like you want multiple instances on a page, you would have to define a class.

    Otherwise, of course the font, as with all of the other button attributes, is defined in the screen.css file found in the CSS folder of Striking. Button styling starts on line 1398 of the stylesheet.

    That is how you would do it.

    Perhaps Paul will read this (we are in diff timezones 7 hrs apart and right now it is the middle of the night for him). I believe he made an plus sign for a past user, for a button if I remember correctly. If so he might be able to give you a leg up on your quest.

    Happy Striking
    Striking Team
    James
  • Vote Up0Vote Down BackuPsBackuPs
    Hi,


    The toggle title is no cufon as far as i know.

    But anyway to modify cufon titles you will have to do a cufon replace

    For the h4 within the toggle class
    although i still believe it is not cufon at all and because of that you can do that by normal css coding


    For cufon font, you should write some js code in striking->cufon custom code area.

    The default code is



    Cufon.replace("#site_name,#site_description,.kwick_title,.kwick_detail h3,#footer h3,#copyright,.dropcap1,.dropcap2,.dropcap3,.dropcap4", {fontFamily : "{$font_name}"});
    Cufon.replace("#feature h1,#introduce",{fontFamily : "{$font_name}"});
    Cufon.replace('.portfolio_title,h1,h2,h3,h4,h5,h6,#navigation a, .entry_title a', {
    hover: true,
    fontFamily : "!!!!YOUR_FONT_NAME!!!!"
    });


    In your case i think you should enter at the striking cufon font settings something like this.

    Cufon.replace(".toggle h1",{fontFamily : "{$font_name}"});

    so you get

    Cufon.replace(".toggle h4", { fontFamily: 'Verdana'});

    Best regards,
    Striking Team
    BackuPs

  • Vote Up0Vote Down BackuPsBackuPs
    Hi,

    For the toggle sign on the right.... I just got this code from kaptinlin.

    Could you give it a try please?

    .toggle_title {background-postion:right 3px;padding: 5px 45px 5px 10px;margin: 0 10px 0 0;}
    .toggle_active .toggle_title {background-position: right -27px;}

    it will put the toggle sign to the right side of the page. And not at the end of the title.

    For this you need to write your own shortcode plugin.

    Best regards,
    BackuPs
  • Vote Up0Vote Down GuivreizGuivreiz
    Thank you very much for your answers and help!
Add a Comment