Magic Tabs Content Misalignement

Permalink Browser Info Environment
Hi Dear community,

Im running my website under Concrete5 5.6.3.4, Yesterday to my surprise, when I added a new PDF under a Tab, all the element went to the far right of the page, even if my css for this segment is Featured LEFT.

The misalignment happened on all the sections of our website.

Here is a link to view the misalignment :
https://www.precisionhardware.com/products/apex-2000-series/...

Go down to tabs Resources and Features.

Thank you in advance for your help
Can you please add me with this??

Type: Pre-Sale
Status: Archived
AMohssine
View Replies:
JohntheFish replied on at Permalink Reply
JohntheFish
You problem comes from a block style applied to each of the rows of info:
#blockStyle5446GrayBotFull13 {
    background-repeat: no-repeat;
    float: right;     // THIS
    width: 45%;   // AND THIS
    margin-left: 10%;
    display: inline-block;
}


<div id="blockStyle5446GrayBotFull13" class=" ccm-block-styles">
   <div class="cpb column-left">
      <div class="cpb-image " style="max-width:45px;"><img src="/files/cache/f92df0da772f6b7f87dff08434818720_f942.png" alt="icon-secure-bl.png"></div>
      <div class="cpb-content" style="margin-left:65px">
         <h5>Secure</h5>
         <p>Investment cast steel chassis provides maximum security against forced entry and reduces the risk of bending</p>
      </div>
   </div>
</div>
// similar to above repeated for each row.
JohntheFish replied on at Permalink Reply
JohntheFish
AMohssine replied on at Permalink Reply
AMohssine
Hi John,

Thank you very much for your help. You rock.

Have a wonderful day

concrete5 Environment Information

Concrete5 5.6.3.4

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.