Css whmcs block other css footer please help

[ricrey]

On my page I see that a css all.min.css of the whmcs platform blocks some css entries from the design template ...

for example the "padding-left: 15px; it keeps the centered shape of the whmcs platform but that blocks the padding-left: 80px; of my template that can be done so that they don't block each other?

Photo 1:

 

Photo 2: "Look at the blockade"

 

 

photo 3: how it affects the footer

Photo 4:

[brian!]

14 hours ago, ricrey said:

for example the "padding-left: 15px; it keeps the centered shape of the whmcs platform but that blocks the padding-left: 80px; of my template that can be done so that they don't block each other?

have you tried adding !important to your custom css code ??

[ricrey]

if I already added padding-left: 80px! important; and now the columns look better, but the column here is still directly affected by the padding-left: 15px; of the template of whmcs "six" which is the one I am modifying on the basis.

 

If I deactivate the padding-left: 15px; that column is fixed but the edge of the middle part of whmcs is lost.

like 2 similar style sheets, one that handles the footer that I brought to try to implement the design of my wordpress on whmcs.

 

 

 

[ricrey]

I answer myself, it was worth looking for the string where the image, text and the fab icons originate, and put a

margin-left: -60px;

Although that solution looks good on a desktop, it looks bad in responsive

 

Edited March 11, 2020 by ricrey