Call to action shortcode

  • wcushen

    (@wcushen)


    9 years, 6 months ago

    I’ve attempted to embed the theme’s Call to action button into my set of tabs by using the following…

    [wptab name=’Oct 14 – 17′ active=’1′]

    BOOK FLIGHTS

    [wptab1 name=’Flights’ set=’1′ class=’flights1′]Content for tab Nested 1-1[/wptab1]

    [wptab1 name=’Hotel’ set=’1′ class=’hotel1′]Content for the tab Nested 1-2[/wptab1]

    [end_wptabset1 set=’1′ skin=”ginger” location=”top” effect=”drop” ]

    [/wptab]

    But I want the button to appear at the bottom of the active tab. I’ve tried to place the HTML between the [end_wptabset1] and [/wptab], but that doesn’t seem to work either.

    Any help would be great!
    Many thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Kharis Sulistiyono

    (@kharisblank)

    9 years, 6 months ago

    Hello there,

    Use this code, please: 

    
<a href="#" class="roll-button more-button">Button Text</a>

    Regards,
    Kharis

    Thread Starter wcushen

    (@wcushen)

    9 years, 6 months ago

    Hi Kharis,

    Sorry yes I already had that HTML code in my question above. I guess when I hit submit on the post it converted it to a hyperlink of the button.

    So that I’ve already worked out, but my problem is now that when I place the shortcode just before the [/wptab] the HTML is too far down the page. I want it to be higher. Is there some CSS that tells the button to sit just below the content in the tab? And additionally, how do I center the button?

    Many thanks!

    Kharis Sulistiyono

    (@kharisblank)

    9 years, 6 months ago

    Hello there,

    What plugin are you using? Would you please share its download link here, so I could try it on my test site?

    Regards,
    Kharis

    Thread Starter wcushen

    (@wcushen)

    9 years, 6 months ago

    Hi Kharis,

    Here is the link for the plugin. https://wordpress.org/plugins/wordpress-post-tabs/

    I am using the Premium version however I don’t think that will matter for what I’m trying to do – the free model allows HTML to be embedded.

    Many thanks!
    W

    Kharis Sulistiyono

    (@kharisblank)

    9 years, 6 months ago

    Hello there,

    Thank you for sharing.

    Please try the following shortcode: 

    
[wptab name=’Tab1′]Content for the tab Tab1 <a href="#" class="roll-button more-button">Button Text</a>[/wptab]
[wptab name=’Tab2′]Content for the tab Tab2[/wptab]
[wptab name=’Tab3′]Content for the tab Tab3[/wptab]
[wptab name=’Tab4′]Content for the tab Tab4[/wptab]
[end_wptabset]

    Adjust the content by yourself, please.

    Regards,
    Kharis

    Thread Starter wcushen

    (@wcushen)

    9 years, 6 months ago

    Thank you Kharis for getting back to me, but afraid that’s not working either. My problem is that I have a set of nested tabs where I want to place the call to action button at the bottom. They are in the right position, just too far down – on line 20 or so in the Visual Editor. I don’t want that much space but I have to put my nested shortcodes in between.

    So it looks something like this…

    [TAB 1]

    [NESTED TAB 1-1]

    [NESTED TAB [1-2]

    [CALL TO ACTION BUTTON]

    [TAB 1 END]

    But as the two nested tabs align next to each other, all this space is between the nested tabs and the call to action button.

    Kharis Sulistiyono

    (@kharisblank)

    9 years, 6 months ago

    Hello there,

    Thank you for the followup! Could you please share your complete shortcode at https://gist.github.com/ and share the link of it here, so I could start troubleshooting from there?

    Regards,
    Kharis

    Thread Starter wcushen

    (@wcushen)

    9 years, 6 months ago

    Hi Kharis,

    Please let me know if you can view this link.

    https://gist.github.com/anonymous/f7cde132c35290df90530b358a64e272

    So I intend to add an image to each of the nested tabs ‘FLIGHTS’ and ‘HOTEL’ but want the call of action buttons to sit just below that image and not 8 or 10 lines down (how it is presented currently).

    Many thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Call to action shortcode’ is closed to new replies.

Tags