Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 28, 2016 at 4:54 pm #603919
    ghuddi

    Hi there,
    Recently I created individual plans & pricing page for each of my products and services. I also added a dropdown button to move from one to other. But later I thought this would be embarrassing for my clients. I was looking into your forums and sortcodes page for ideas. Then I came up with an idea from your Tabs shorcodes. I was wondering if there is any way to make this in a single page using tabs. Like this- http://i.imgur.com/WyoFzHf.jpg?1

    Thanks

    March 28, 2016 at 9:27 pm #604066
    Andy

    Hi ghuddi!

    hm maybe you could achieve something like this if you use shortcodes which you can see when you use debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Then you can implement your pricing table shortcode inside of accordion shortcode.

    Cheers!
    Andy

    March 28, 2016 at 9:48 pm #604082
    ghuddi

    Thanks Andy for your quick response,
    It helped me a lot :)

    Cheers!

    • This reply was modified 8 years, 9 months ago by ghuddi.
    March 28, 2016 at 9:57 pm #604090
    ghuddi

    One more thing, I want the selected tab title to be bit bigger. Can you give me any quick css for that?

    March 28, 2016 at 10:35 pm #604134
    Andy

    Hi!

    can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

    Best regards,
    Andy

    March 28, 2016 at 11:03 pm #604149
    ghuddi

    here it is-

    March 28, 2016 at 11:24 pm #604167
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .tab.active_tab {
    font-size: 14px;
}

    Best regards,
    Yigit

    March 28, 2016 at 11:36 pm #604173
    ghuddi

    Thanks Yigit for your response. But unfortunately that didn’t work.

    March 29, 2016 at 10:49 am #604350
    Andy

    Hey!

    try to add an !important:

    .tab.active_tab {
    font-size: 14px !important;
}

    Afterwards clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    March 29, 2016 at 4:27 pm #604673
    ghuddi

    Thanks Andy. This worked :)

    Regards,

    March 29, 2016 at 5:08 pm #604688
    Vinay

    Hey!

    Glad we could help.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Pricing Table with tabs’ is closed to new replies.