How to make a tabbed content block in Custom HTML? [closed]

I saw an image of tabbed content on an ONTRApage, and it said it used the Custom HTML Block. How do I recreate this?

edit retag flag offensive reopen merge delete

Closed for the following reason the question is answered, right answer was accepted by Frank
close date 2016-07-21 11:48:50.484052

1 answer

Sort by ยป oldest newest most voted

Topic moved to: https://support.ontraport.com/hc/en-u...

The image we use in our ONTRApages Custom HTML Block Knowledge Base article is borrowed from a public post on creating responsive tabbed content using CSS by Andor Nagy

image description

A text file at the bottom of that article has the complete code, adapted for use in ONTRApages' Custom HTML Block. To modify it, we removed anything other than style declarations, JavaScript and straight HTML. <head> information such as meta tags, etc. can be placed in the ONTRApages' Settings tab in the Custom Header Code section. You can include style declarations that conform to HTML5 standards and also JavaScript, using the full HTML5 declarations:

image description

The Custom HTML Block will be placed on the page exactly where you place it in the ONTRApage Canvas. In other words, it is already in the <body> of the page and you should not have <body></body> tags (or <html>, <head> tags).

image description

The raw HTML code you place in the Custom HTML Block will inherit the following styles set at the page level:

  • h1
  • h2
  • h3
  • label
  • button
  • large-body-text
  • body-text
  • blockquote

Use a specific style declaration with the !important modifier to override those styles for the content in your Custom HTML Block.

We do not allow Custom HTML Blocks to be shared via the ONTRAPORT Marketplace, but feel free to share code snippets here in ONTRAPORT / Answers.

edit flag offensive delete publish link more

Question Tools

1 follower


Asked: 2016-06-07 14:14:26 -0700

Seen: 95 times

Last updated: Jul 21 '16