Home / Forums / DynamiX Support / Issue with list- and toggle-element

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

  • Peter
    Participant

    Hi,

    on the page: http://www.finanzfinder24.de/test/ I put three issues.

    1. In the list-element the second and further lines of every point have a wrong adjustment.
    2. The toggle-icon is always dark-grey. But in the settings I set it to blue-lite.
    3. When I put the toggle in an accordion-element the toggle-icon disappears.


    Tom ( Support)
    Keymaster

    Hi Peter,

    1. You will need to change this within style.css. If you find this acceptable please let me know and Andy will change it.
    div.list li:before {
    display: inline-block;
    margin-left: -1.2em;
    margin-right:5px;
    width: 1.2em;
    }

    To this,
    div.list li:before {
    display: inline-block;
    margin-left: -1.2em;
    margin-right: 0;
    width: 1.4em;
    }

    2. If you try changing this block of CSS,

    .ui-accordion .blue-lite i	{color:#00a2ff;}
    .ui-accordion .black i		{color:#1e1e1e;}
    .ui-accordion .blue i		{color:#1d6bd5;}
    .ui-accordion .green-lite i {color:#3BC2A8;}
    .ui-accordion .green i		{color:#7eae1d;}
    .ui-accordion .grey i		{color:#828282;}
    .ui-accordion  i,
    .ui-accordion .grey-lite i {color:#ccc;}
    .ui-accordion .orange-lite  i {color:#ff9d11;}
    .ui-accordion .orange  i 	{color:#fd5f00;}
    .ui-accordion .pink-lite i	{color:#f04efa;}
    .ui-accordion .pink  i		{color:#ed09d6;}
    .ui-accordion .purple-lite i {color:#af4efa;}
    .ui-accordion .purple i	{color:#7c1dd5;}
    .ui-accordion .red-lite i	{color:#ff3b3b;}
    .ui-accordion .red i		{color:#e10000;}
    .ui-accordion .teal-lite i	{color:#4ea8d2;}
    .ui-accordion .teal i		{color:#097aa4;}
    .ui-accordion .white i		{color:#ffffff;}
    .ui-accordion .yellow i	{color:#fff600;}
    .ui-accordion .yellow-lite i {color:#fffb83;}
    

    to

    .blue-lite i.fa	{color:#00a2ff;}
    .black i.fa		{color:#1e1e1e;}
    .blue i.fa		{color:#1d6bd5;}
    .green-lite i.fa {color:#3BC2A8;}
    .green i.fa		{color:#7eae1d;}
    .grey i.fa		{color:#828282;}
    i,
    .grey-lite i.fa {color:#ccc;}
    .orange-lite  i.fa {color:#ff9d11;}
    .orange  i.fa 	{color:#fd5f00;}
    .pink-lite i.fa	{color:#f04efa;}
    .pink  i.fa		{color:#ed09d6;}
    .purple-lite i.fa {color:#af4efa;}
    .purple i.fa	{color:#7c1dd5;}
    .red-lite i.fa	{color:#ff3b3b;}
    .red i.fa		{color:#e10000;}
    .teal-lite i.fa	{color:#4ea8d2;}
    .teal i.fa		{color:#097aa4;}
    .white i.fa		{color:#ffffff;}
    .yellow i.fa	{color:#fff600;}
    .yellow-lite i.fa {color:#fffb83;}
    

    This should fix things. Please let me know if that works or not.

    3. Put the following this code .ui-accordion .revealbox .ui-icon {display:block;}, below this line .ui-accordion .ui-icon { display:none; } within style.css.

    Andy will add this to the CSS file.

    Kind regards,
    Tom


    Peter
    Participant

    Hi Tom,

    perfekt. It works. I have just changed one little thing in your code.

    In:

    div.list li:before {
    display: inline-block;
    margin-left: -1.2em;
    margin-right: 0;
    width: 1.4em;
    }

    I have changed the margin-left to -1.4em. Then the adjustment looks pretty good.

    Kind regards,
    Peter


    Tom ( Support)
    Keymaster

    Hi Peter,

    Ok great, thanks for coming back to me.

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

You must be logged in to reply to this topic.