Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2015 at 9:32 am #509424
    michaellausser

    Hi all,

    this a great theme, I only stuck in some style options.

    I want to create the accordion:
    – without the plus icon (Font should start at the beginning of the row)
    – everything (toggeld and untoggeled content) with white background
    – a darkgrey line between the questions

    I tried just out a lot basing on existing forum topics but currently I stuck

    at the Color of the seperating lines and at the deletion of the grey box lines at the content.

    /*Accordion Toggle Formats */

.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: white;
color: white;
}

/* Border of Toggler*/

.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border-color: darkgrey white darkgrey white; }

.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content{
    border-top: 10 !important;
    border-bottom: 0 !important;
}

.js_active .toggler { 
font-size: 60px; 
line-height: 76px; 
color: black !important; 
font-family: SansaSoftSmConPro-Light; 
}

.main_color .toggler {
background: white;
color: white;
}

.main_color .toggler:hover {
color: white;
background: white;
}

.toggler, .main_color .toggler.activeTitle:hover {
background: white;
color: white;
}

.main_color .toggle_content {
background: white;
}

    http://madlener.wom.server49.vorschauseite.eu/pricing/#toggle-id-1

    Can you please assist a bit.

    Thanks very lot.
    Greetings
    Michael

    P.S. I wanted to attach a jpg…how to do this?

    September 26, 2015 at 3:24 pm #509517
    Elliott

    Hey michaellausser!

    Your styling seems to be working fine on my end. You can click on the “img” button when writing your post to insert a URL to a screenshot. You can use imgur.com to host the image.

    Regards,
    Elliott

    September 28, 2015 at 11:12 pm #510446
    michaellausser

    Hi Eliott,

    yeah a lot is working. But some little style I’m missing to work:
    – the text should start at the left side.
    – untolggeled content wihout any border
    – seperating lines are black and not darkgrey

    Attached the images:
    So it should be:
    http://pasteboard.co/ZaLywBu.jpg
    Here are the problems.
    http://pasteboard.co/ZaOny6J.jpg

    Thanks a lot for your great support in advance !
    Greetings
    Michael

    September 29, 2015 at 5:06 pm #510849
    Elliott

    Hi!

    Add this.

    .toggler { padding-left: 0px !important; }
.toggle_content {
    border: 0px !important;
    padding-left: 0px;
}

    As for the fonts you can change them like so.

    .toggler { font-family: verdana !important; }
.toggle_content { font-family: verdana !important; }

    Cheers!
    Elliott

    September 29, 2015 at 9:28 pm #511002
    michaellausser

    Hi Elliott,
    that’s really great ! Wonderfull!! Thanks a very lot. With some little modifications I got it done!

    Thanks again a very lot and witsh you a great day !!

    Cheers
    Michael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Accordion Toggler and Content Format’ is closed to new replies.