Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #274626

    Hi,

    1. I’m wondering whether I can reduce the gap between the toggle items or not? Sometimes its working without gap, but I can’t find the right way (the same for the tab!):
    <img src="http://www.screencast.com/t/OCGlNYIEYeO&quot; alt="http://www.screencast.com/t/OCGlNYIEYeO&quot; / />

    2. Can I add a table in a toggle item? It seams not, because when I tryed it wasn’t working at the end.

    3. Can I use any other text formating HTML code inside of a tab or a toggle? Sometimes I feel like it doesn’t work well.

    4. When I have a small picture and use the zoom function which is included in the theme, the magnifier always shown on the same screen position, but not in the center of the picture. So in case the pic is very small and I move my cursor back, the magnifier doesn’t disappear. Can I chance this somehow?

    Thanks, Enrico

    #274964

    Hi enricobaumgart!

    Thank you for visiting the support forum!

    In order to help you with the following, please post the actual page with the toggle element here.

    1.) Try to add this on Quick CSS or custom.css:

    .toggle_content {
    padding: 0 2px 0 31px;
    margin: 0;
    }

    2.) Yes it is possible to add html codes inside the toggle shortcode. Make sure that you switch the editor to Text or HTML mode. Sample code would be like this:

    [toggle_container keep_open="false" initial_open=""]
    
    [toggle title="Title 1"]<table>
    <tr>
      <td>Jill</td>
      <td>Smith</td> 
      <td>50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td> 
      <td>94</td>
    </tr>
    </table>[/toggle]
    
    [toggle title="Title 2"]Title 2 content goes here.[/toggle]
    
    [toggle title="Title 3"]Title 3 content goes here.[/toggle]
    
    [toggle title="Title 4"]Title 4 content goes here.[/toggle]
    
    [/toggle_container]
    

    3.) Make sure that you switch the editor to HTML or text mode before adding any html codes.

    4.) Can you please us with a link to the actual page where this is happening? We would like to inspect it. A screenshot will help.

    Best regards,
    Ismael

    #275845

    Hi,
    thanks for your help.
    Unfortunately I cant provide you a link to the webpage, because its still not online, but on my local server.

    The code which I add for the toggle is the following:

    [toggle_container keep_open='false' initial_open='0']
    [toggle title='Kann ich die Mitgliedschaft kostenfrei testen?']
    Sie können Ihre Mitgliedschaft einen Monat lang völlig unverbindlich und kostenlos testen. Es entstehen Ihnen keinerlei Verpflichtungen. Nach Ablauf des Testzeitraumes startet Ihre Mitgliedschaft automatisch zu den von Ihnen gewählten Konditionen. Sie brauchen nichts weiter zu tun. Sollten Sie sich gegen eine Fortsetzung der Mitgliedschaft entscheiden, können Sie jederzeit vor Ablauf der Testphase kündigen - Ihnen entstehen keine Kosten.
    [/toggle]
    [toggle title='Kann ich Tradeanalysen nachträglich downloaden?']
    In Ihrem Mitgliedskonto stehen Ihnen alle Analysen zum kostenfreien download bereit.
    [/toggle]
    [toggle title='Wie lange läuft eine Mitgliedschaft?']
    Sie können zwischen drei Optionen wählen:
    [one_fifth first]1[/one_fifth]
    [four_fifth]<span style="color: #000000;">monatliche Zahlung - Laufzeit der Mitgliedschaft beträgt einen Monat und verlängert sich automatisch um einen weiteren Monat</span>[/four_fifth]
    [one_fifth first]2[/one_fifth]
    [four_fifth]quartalsweise Zahlung - Laufzeit der Mitgliedschaft beträgt drei Monate und verlängert sich automatisch um weitere drei Monate[/four_fifth]
    [one_fifth first]3[/one_fifth]
    [four_fifth]jährliche Zahlung - Laufzeit der Mitgliedschaft beträgt ein Jahr und verlängert sich automatisch um ein weiteres Jahr[/four_fifth]
    [/toggle]
    [toggle title='Was kann ich tun wenn ich keine geeignete Bank zum traden habe?']
    <p style="text-align: justify;">Sprechen Sie uns an! Wir können Ihnen verschiedene Broker nennen, bei denen Sie zu sehr günstigen Konditionen handeln werden. In der Premium Mitgliedschaft helfen wir Ihnen auf Wunsch sogar live bei der Kontoeröffnung und Einrichtung.</p>
    [/toggle]
    [toggle title='Wie viele Analysen kann ich pro Woche erwarten?']
    <p style="text-align: justify;">Je nach aktueller Marktlage gibt es einmal mehr, einmal weniger Möglichkeiten zum handeln. In einem Seitwärtsmarkt z.B. finden sich i.d.R. immer weniger Chancen als in einem aufwärts oder abwärts gerichteten Marktumfeld. Wir sind bemüht wöchentlich min. drei Analysen bereit zu stellen. Eine Einschätzung des Gesamtmarktes gibt es ausnahmslos immer.</p>
    [/toggle]
    [toggle title='Können Sie Wertpapiere für mich handeln?']
    <p style="text-align: justify;">Die Mitgliedschaft bei TRADERCOMPANY berechtigt Sie zur Nutzung unserer Analysen und aller angebotenen Zusatzleistungen. Die TRADERCOMPANY kann nicht aktiv für Sie am Wertpapiermarkt handeln. Wir handeln ausschließlich auf eigene Rechnung.</p>
    [/toggle]
    [toggle title='Darf ich die Tradeanalysen nutzen um selbst zu handeln?']
    <p style="text-align: justify;">Unsere Tradeanalysen spiegeln unsere Ideen wieder. Wir sind zum Zeitpunkt der Veröffentlichung nicht in den analysierten Werten investiert. Sie dürfen diese Analysen gern als Anregung für Ihre privaten Anlageentscheidungen nutzen. Eine gewerbliche Nutzung ist untersagt (für ein individuelles Mitgliedsangebot als professioneller Anwender sprechen Sie uns bitte direkt an).</p>
    [/toggle]
    [toggle title='Kann ich das Tradejournal an Bekannte weitergeben?']
    <p style="text-align: justify;">Eine Weitergabe unseres Tradejournals ist zu jedem Zeitpunkt untersagt. Möchten Sie unser Journal weitergeben, so werben Sie einfach ein neues Mitglied - Sie werden beide davon profitieren.</p>
    [/toggle]
    [/toggle_container]

    The result is this: PIC

    For the magnifier. After I moved the cursor from the picture, the magnifier still appears in the screen:
    PIC

    So I’m not sure what I could try to do. The CSS code, which you provided was not working.

    Thanks, Enrico

    #275847

    Hi Enrico!

    We need to see the site live in order to help you debug this issues.

    Regards,
    Josue

    #278588
    This reply has been marked as private.
    #279126

    No ideas? I’d appreciate to get some advice.
    Thanks, Enrico

    #279840

    Hey!

    Add this to the Quick CSS:

    .toggle_content {
        overflow: hidden;
    }
    .tabcontainer br {
        display: none;
    }

    Best regards,
    Josue

    #279871

    Hello Josue,

    thanks for your help.
    The issue with the tab and toggle is resolved now :)
    But I had to add this code as well:

    .togglecontainer br {
        display: none;
    }

    The problem with the magnifier is visible now on that page: http://tradercompany.de/?page_id=505

    Just move the mouse over the pic (even the pic has a wrong path now), you will see the magnifier, but when you go back with your mouse, the magnifier is still there. If you have very small pictures, it looks not so nice.
    Is there an option to hide this?

    Thanks, Enrico

    #279895

    Try adding this too:

    span.lightbox_image {
        display: none !important;
    }

    Cheers!
    Josue

    #280682

    This is working, thanks :)

    Is there also an option to hide the small thumbnails for the other pic’s on the page when I enlarge a pic?

    Thanks, Enrico

    #280744

    Hey Enrico!

    I’m not seeing any thumbnails here:

    Cheers!
    Josue

    #280760

    Hey,
    if you move the mouse over, you will see it, like this:

    Enrico

    #280774

    Try adding this code to the Quick CSS:

    .pp_gallery {
        display: none !important;
    }

    Cheers! 
    Josue

    #280793

    That is working fine, thanks :)
    Topic can be closed.
    BR – Enrico

    #280816

    You are welcome Enrico, always glad to help :)

    Regards,
    Josue

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

The topic ‘Styling: Toggle / Tab / image tool’ is closed to new replies.