Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2019 at 2:30 pm #1066493
    KenMarshall

    Hi,

    I have a client who is looking for a customisation of the Accordion Tab element. The developer who was going to do it for me has let me down at the last minute due to personal issues.

    It is the page call The Programme: See here

    Here are the two examples of what they are looking for:

    Tab closed to look like this
    Tab open to look like this

    I have all of the assets ready.

    Does anyone know anyone who could do this work and what the price and time frame would be?

    Many thanks.

    February 13, 2019 at 7:43 pm #1066613
    Evendril

    Hi there,

    if it is about the icons thats not a big problem:
    You can wrap the names of the accordion toggles in a span tag and add a class like this:

    <span class="toggle1" >Who is the accelerator aimed at?</span>

    Then use this to create the icons in front of the headline:

    .toggle1:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(YOUR IMAGE URL HERE);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 10px;
    top: 25px;
}

    For some additional spacing for the headline add a margin to it inline or like this:

    .toggle1, toggle2, toggle3{
    margin-left: 40px;
}

    Repeat it for every toggle….. different class different image…..

    February 13, 2019 at 8:01 pm #1066620
    KenMarshall

    Thanks. I’ll try this shortly.

    February 14, 2019 at 7:20 am #1066822
    Rikard

    Hi KenMarshall,

    Great, please let us know if you should need any further help on the topic. Thanks to @Evendril for helping out :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.