Custom HTML

• 

  parthagrawal922 · Member · Jun 2, 2023 at 7:33 pm

  • Copy link
  • Add topic to favorites

  I am trying to add this custom html into my block put it is converting it into paragraph and not displaying it

  this is the code

  !important; align-content: space-between; flex-direction: row; margin-bottom: 1px!important; gap: 0px!important; } .red-tab div{ float: left; border-bottom: 3px solid transparent; cursor: pointer; transition: 0.3s; font-size: 17px; } .red-tab a.wp-block-button__link { color: black!important; background-color: transparent!important; } .red-tab div a { padding: 20px 40px!important; } .red-tab div:hover a, .red-tab div.active a { color: var(–tab-main)!important; } .red-tab div.active, .red-tab div:hover { color: var(–tab-main)!important; border-bottom: 3px solid var(–tab-main); z-index: 3; } .tab-content { display: none; padding: 35px 15px; border-top: none; box-shadow: 0 12px 25px -10px #00000040; background-color: white; } .active { display: block; }

  The blog I need help with is: (visible only to logged in users)

• 

  parthagrawal922 · Member · Jun 2, 2023 at 7:37 pm

  • Copy link

  !important; align-content: space-between; flex-direction: row; margin-bottom: 1px!important; gap: 0px!important; } .red-tab div{ float: left; border-bottom: 3px solid transparent; cursor: pointer; transition: 0.3s; font-size: 17px; } .red-tab a.wp-block-button__link { color: black!important; background-color: transparent!important; } .red-tab div a { padding: 20px 40px!important; } .red-tab div:hover a, .red-tab div.active a { color: var(–tab-main)!important; } .red-tab div.active, .red-tab div:hover { color: var(–tab-main)!important; border-bottom: 3px solid var(–tab-main); z-index: 3; } .tab-content { display: none; padding: 35px 15px; border-top: none; box-shadow: 0 12px 25px -10px #00000040; background-color: white; } .active { display: block; }

• 

  parthagrawal922 · Member · Jun 2, 2023 at 7:38 pm

  • Copy link

  IDK what is happening i put the code here also but the complete code is not shown

• 

  aleone89 · Staff · Jun 3, 2023 at 3:52 pm

  • Copy link

  Hey there,

  Many thanks for reaching out.

  Can you tell me more about the code and where it’s come from please?

  The reason why I ask is because some pieces of code can’t be added on the premium plan, for instance, iframes aren’t permitted, but they are on the business plan. More on this can be found here: https://en.support.wordpress.com/code/

  A screenshot of the code might prove useful also, and this guide explains how to take screenshots here: https://en.support.wordpress.com/make-a-screenshot/

  Many thanks in advance and looking forward to hearing more!