Jump to content
  • 0

HTML Blocks - Responsive




On my website where datapages with HTML Blocks are deployed, it seems there is a conflict with the website CSS and the Caspio Style CSS and I cant figure out what custom CSS to put in the styles to avoid such conflict.

This is how my HTML Blocks turn out responsive going out our over my container on the site - other data fields adjust fine!


Have anyone experienced same issue with HTML Block in responsive sites - and dealt with it?





Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Vitalikssssss helped me solve the HTML responsive issue and I wanted to share to forum if other counter the same issue.

Thanks Vitalikssssss


I have managed to resolve the issue by shrinking the HTML block width to certain width.

You can adjust Caspio Style used on Datapage or add the following code in DP Header:

  @media only screen and (max-width: 575px) {
  .cbHTMLBlockContainer {
    width: 200px !important;



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...