New Landing How can we help? Cardinal Columns inside accordion

Viewing 13 posts - 1 through 13 (of 13 total)
  • Posted in: Cardinal
  • #114856
    zohia
    Member
    Post count: 109

    I’m trying to create an accordion where there would be two columns. I just need a small table with prices and an image on the left. However having two columns doesn’t seem to be working out. Any idea why?

    It’s the last acoordion on this page, named “experiment”:
    http://playground.cmdshiftr.com/acompanhamento-ao-vet/?preview=true&preview_id=11951&preview_nonce=1fcb84a57a

    #114868
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    I’m afraid that’s not possible sorry. Rows and columns are made for top level containers, they are not made to be nested within tabs/accordions.

    You could try and use the column shortcode, which you will find the in the shortcode generator

    – Kyle

    #114875
    zohia
    Member
    Post count: 109

    The columns worked! I just put the table’s shortcode inside the left column.
    Is there any way to put an image inside the second column?

    #114877
    zohia
    Member
    Post count: 109

    Okay, I worked out out to put the image, but can’t figure out how to change the size in a way that will be responsive.
    I tried the different options (full, 3/4 etc) and it doesn’t seem to make a difference.

    Link: http://playground.cmdshiftr.com/acompanhamento-ao-vet/?preview=true&preview_id=11951&preview_nonce=3001e42bf3

    Accordion: “Preçário* | LISBOA”

    [one_half]

    [table type=”striped_minimal”]

    [trow]
    [thcol][/thcol]
    [thcol]Duração[/thcol]
    [thcol][/thcol]
    [thcol][/thcol]
    [/trow]

    [trow]

    [tcol][/tcol]

    [tcol]<2 horas[/tcol]

    [tcol]30€[/tcol]

    [tcol][/tcol]

    [/trow]

    [trow]

    [tcol][/tcol]

    [tcol]2-4 horas[/tcol]

    [tcol]50€[/tcol]

    [tcol][/tcol]

    [/trow]

    [trow]

    [tcol][/tcol]

    [tcol]HORA EXTRA[/tcol]

    [tcol]+10€/hora[/tcol]

    [tcol][/tcol]

    [/trow]

    [/table]

    *Os preços não incluem IVA.

    [/one_half]
    [one_half_last]Parceiros:

    [spb_image image=”12007″ image_size=”thumb-image-twocol” frame=”noframe” intro_animation=”none” animation_delay=”200″ fullwidth=”no” lightbox=”no” link_target=”_self” caption_pos=”hover” width=”1/2″ el_position=”first last”]

    [/one_half_last]

    #114879
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great 🙂

    – Kyle

    #114981
    zohia
    Member
    Post count: 109

    Is there any way I can change the image’s size as asked on my last post?

    #115009
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us admin access to be able to see that page?

    -Rui

    #115025
    zohia
    Member
    Post count: 109
    This reply has been marked as private.
    #115340
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Looks like you have some link problems on your site, I can’t access the backend (see screenshot)

    The link is duplicating, for e.g: http://playground.cmdshiftr.com/wp-admin/playground.cmdshiftr.com/wp-content/

    – Kyle

    #116167
    zohia
    Member
    Post count: 109

    I had been fiddling around with the wrong tools.
    Can you please check now?

    #116250
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I’ve added an extra class for you “acc-image” you just need to add this to your custom css:

    .acc-image img {
    width: 200px;
    }

    – Kyle

    #117307
    zohia
    Member
    Post count: 109

    Thanks.

    #117392
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register