GDPR free plugin and Prisma Theme (ver 3.90)

Hello! Im trying to set up the free GDPR plugin from Tmotions on my e-shop. The issue i get is that no matter how many consents i add the users cant "tick" or "untick" due to the fact that there is not a single checkbox showing up for any of them. This problem shows up for both new users that would like to register and also for registered users. From what i managed to find out is that i get this error when my e-shop is on the Prisma theme and when i change it to the original / classic theme then the checkboxes appear. Since we are using the Prisma theme is there something I can do to fix this error? This is the website https://ninos-sports.com/eshop/. Thank you in advance.

If that works on Default theme, than it is related to css only. If you would like to simply show checkboxes, you may use below styling

table.consentDetail input[type=checkbox] {
    width: 10px;
    height: 10px;
    position: static;
}

However, I would open view folder of plugin, and change way of displaying elements in this same way as your theme does. So you would need to remove table element and put it to divs and label.

Regards,
Tom

OK so i tried looking through all the files of the plugin and both themes but I couldn't find anything to either replace or change the code in order to see any results. The only thing that i could manage to sort of find is that if i "inspect" the registered customers page i can sort of change some bits on the code and if i change the "checkbox" to "text" then i can type in the table that I created but with the "checkbox" or "radio" option I can't do anything. Here's an image from what I found https://imgur.com/a/foOsT0J

Have you set css modification of what I have wrote above? Any result?

If I will do add my code to inspector, result would be as below
https://imgur.com/a/D2lbqjR

Two checkboxes I have check from front-view to show that is available to be useable.

Regards,
Tom

Hello, as i told you before i tried again to find the file that i need to edit but with no luck. I dont know if this is the file called styles.css in the Style folder of the plug in. Is there any other file i should be looking at incase you know the name of it? Thanks again.  

/*Register css*/

.consentText p {
    text-align: center;
}

.consentDetail {
    background: #fff;
    width: 100%;
    margin: 20px auto;
    border-radius: 3px;
}

    .consentDetail tr td, .consentDetail tr th {
        border: 1px solid #ccc;
        padding:5px 10px;
        border-bottom: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        font-size: 14px;
        color: #444;
        text-align:left;

    }

.consentList .consentDetail tr td, .consentList .consentDetail tr th{
    text-align:center;
}

.consentList .consentDetail tr td:first-child, .consentList .consentDetail tr th:first-child {
    text-align: left;
}
/*Admin Delete user info*/
.consentList .panel-group .panel {
    margin-bottom: 20px
}

.consentList .panel-search .form-control {
    float: left;
}



.inputs.date-of-birth select {
    width: 31%;
    max-width: 126px;
    min-height: 40px;
    border: 1px solid #ddd;
    padding: 10px;

}

    .inputs.date-of-birth select + select {
        margin: 0 0 0 11px;
    }

.deleteUserInfo label {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 10px;
}


.deleteUserInfo {
    margin-top: 10px;
}

    .deleteUserInfo .gender label {
        margin: 0;
    }

.gender span {
    margin: 0 10px 0 0;
    display: inline-block;
}

.customer-delete-info .modal-dialog {
    top: 40%;
    border-radius: 5px;
}

.customer-delete-info .modal-content {
    text-align: center;
    border-radius: 3px;
}

.customer-delete-info .modal-header, .customer-delete-info .modal-footer {
    border: none;
    text-align: center;
}



.form-horizontal .label-wrapper .control-label {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 10px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.panel-search .form-control {
    max-width: 400px;
    float: left;
}

.panel-search .k-multiselect.k-header {
    max-width: 399px;
}

.k-widget.k-datetimepicker {
    width: 400px;
  
}

input[type="file"].form-control {
    float: left;
    margin-right: 10px;
}


.topPadding {
    padding-top: 20px;
    padding-bottom: 20px;
}



.modal-body {
    font-size:15px;
    color: #444;
    font-family: Arial;
}

.modal-title {
    font-size: 20px;
    color: #444444;
    font-family: Arial;
}

.center-2 .customer-info-page .inputs label {
    float: left;
    margin-top: 10px;
    font-weight: normal;
}

.center-2 .customer-info-page .inputs .gender label {
    width: auto;
    float: none;
    margin-left: 10px;
}

.center-2 .customer-info-page .inputs input[type="checkbox"], .center-2 .customer-info-page .inputs input[type="radio"] {
    margin: 0;
}

.center-2 .customer-info-page .date-of-birth select {
    float: left;
}

.customer-info-page .date-of-birth select, .customer-info-page .gender {
    margin-bottom: 0;
}

.btn-primary:hover {
    background-color: #248ece;
    border-color: #248ece
}

.buttons {
    text-align: center;
}

.center-2 h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.gdprText {
    font-size: 15px;
    margin-bottom: 15px;
    text-align: left;
    color: #444;
}

    .gdprText a {
        color: #337ab7;
    }

.button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}



.consentHistory .consentDetail tr td, .consentHistory .consentDetail tr th {
    word-break: break-all;
    text-align: left !important;
}

.master-wrapper-content, .master-column-wrapper {
    position: inherit;
}

.header-links a {
    color: #444;
}

.deleteUserInfo label.genderLabel {
    margin-top:5px;
}

.pagination {
    margin-right: 5%;
}

    .pagination .pager li:last-child {
        margin-right: 0;
    }

.multipleCustomer {
    margin-bottom: 10px;
}

.custom-refresh {
    border-radius: 0;
    margin: 0;
    margin-left: -1px;
    height: 32px;
    line-height: 31px;
    background: #ffffff;
    border: 1px solid #ddd;
    min-width: 30px;
    float: right;
    text-align: center;
}
/*.consentList .consentDetail tbody {  max-height:400px;  display: inline-block;  width: 100%; overflow: auto;}*/
.consent {
    overflow: auto;
    max-height:440px;
    margin-bottom:10px;
}


select[disabled] {
    background-color: #eee;
    opacity: 1;
}
.block .list li a.select-tab {
    color: #1e5474 !important;
    font-weight: bold;
}
.del-section .topic-block .topic-block-body p{font-size:15px; line-height:19px}
.no-data {
    color: #333;
  
    font-weight: bold;
    text-align:left;
    margin: auto;
    text-transform:uppercase;
}

.block .list li.customer-consent a, .block .list li.customer-downloadmyinfo a, .block .list li.customer-consenthistory a, .block .list li.customer-communicationthisstore a, .block .list li.customer-communicationotherresource a, .block .list li.customer-delete-my-info a, .block .list li.customer-downloadmyinfoPDF a, .block .list li.customer-downloadmyinfoCsv a {
    color: #65c3fb;
}


    .block .list li.customer-consent a.active, .block .list li.customer-downloadmyinfo a.active, .block .list li.customer-consenthistory a.active, .block .list li.customer-communicationthisstore a.active, .block .list li.customer-communicationotherresource a.active, .block .list li.customer-delete-my-info a.active, .block .list li.customer-downloadmyinfoPDF a.active, .block .list li.customer-downloadmyinfoCsv a.active {
        color: #65c3fb;
    }

.topic-block-body{font-size:15px; line-height:19px;}
.customer-info-page .inputs label:last-child{text-align:left;}
.customer-info-page .inputs label:first-child {
    font-weight: bold;
}
.downloadinfo .inputs {
    margin-bottom: 4px;
}
.consentDetail.infoDetail {
    width: 100%;
}
#dv-emails .modal-body span{display:block; margin-bottom:5px;}
#dv-emails .modal-body {
    max-height: 300px;
    overflow: auto;
}


.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    text-align:left;
}
    .inputs label {
        margin: 0 0 10px;
        text-align: center;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
    }

    .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea {
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        width: 400px;
        max-width: 100%;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 0;
    }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
   
    background-image: none;
    border: 1px solid #ccc;
    border-radius:0;
}
.required {
    margin: 0 -8px 0 3px;
    vertical-align: top;
    font-size: 20px;
    font-weight: normal;
    color: #e4434b;
}
.gender {
    display: inline-block;
}
    .gender span {
        display: inline-block;
        margin: 0 5px;
    }
.gender span > * { display: inline !important;  margin: 0 5px;  line-height: 32px;}
.ExternalCommunication .col-md-4{
    text-align: right;
}
.activecustomer .form-control.text-box {
    float: left;
    max-width: 400px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
    margin-bottom: 15px;
}
.date-of-birth .col-md-8{padding-left:10px;}

/*******Start My css************/

.consentHistory .form-fields {
    text-align:right;
}
.consentHistory .pagination {
    margin-top:0px;
    margin-bottom:0px;
}
.consentHistory .pagination .pager{
    margin-top: 0px;
    margin-bottom: 0px;
}
.consentHistory .pagination .pager ul{
    margin-top: 0px;
    margin-bottom: 0px;
}
.consentHistory .pagination .pager ul li{
    display:inline-block;
    border-radius:0px;
}
.consentHistory .pagination .pager ul li span{
    border-radius:0px;
    padding:7px 14px;
}
.consentHistory .pagination .pager ul li.current-page span{
    border-color: transparent;
    background-color: #4ab2f1;
    color: #fff;
}
.consentHistory .pagination .pager ul li a{
    display: block;
    min-width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 7px 14px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius:0px;
}
.consentHistory .pagination .pager ul li.next-page a{
    font-size:0px;
}
.consentHistory .pagination .pager ul li.previous-page a{
    font-size:0px;
}
.consentHistory .pagination .pager ul li.first-page a {
    font-size: 0px;
}
.consentHistory .pagination .pager ul li.last-page a {
    font-size: 0px;
}
/*.consentHistory .consentDetail tr td , .consentHistory .consentDetail tr th {
    word-break: normal;
    width: auto;
    white-space: nowrap;
}
.consentHistory .consentDetail table, .consentHistory .consentDetail table {
    overflow-y: scroll;
    width: 100%;
}
.consentHistory .custom-table-responsive{
    overflow-x:scroll;
    width:100%;
    margin-bottom:15px;
}
.consentHistory .custom-table-responsive::-webkit-scrollbar {
      display: none;
}
.consentHistory .custom-table-responsive::-moz-scrollbar {
      display: none;
}
.consentHistory .custom-table-responsive::-ms-scrollbar {
      display: none;
}
.consentHistory .custom-table-responsive::-o-scrollbar {
      display: none;
}
.consentHistory .custom-table-responsive table {   
   margin:0px;
   width:100%;
}*/
.consentHistory .form-fields .no-data {
    text-align: left;
}
.consentHistory .page-title h1 {
    margin: 0px;
    color: #444;
}
.consentHistory .page-title {
    min-height: 53px;
    padding: 6px 10px;
    padding-bottom: 13px;
}
.consentDetail tbody tr th {
    padding: 5px 10px;
}

.consentDetail tbody tr td {
    padding: 5px 10px;
}
.consentHistory .gdprText {
    margin-bottom: 0px;
}
.consentHistory .table-responsive .communication-others td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}
.customer-delete-info .page-title h1 {
    margin: 0px;
    color: #444;
}
.customer-delete-info .page-title {
    min-height: 53px;
    padding: 6px 10px;
    padding-bottom: 13px;
}
.user-message-notification table tbody tr th {
    text-align: left;
    padding: 3px 7px;
    color: #444;
}
.user-message-notification table tbody tr td {
    padding: 3px 7px;
    color: #444;
    text-align: center;
}
.user-message-notification table tbody tr td:first-child{
    text-align:left;
}

#delete-customers-grid .delete-btn {
    margin: 5px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    color: #444;
    font-size: 14px;
    min-width: 50px;
    padding: 6px 12px;
}
#delete-customers-grid .delete-btn:hover{
    background:#e7e7e7;
    border-color:#adadad;
}
#delete-customers-grid .k-grid-header tr th:last-child{
    text-align:center;
}
#delete-customers-grid tbody tr td:last-child {
    text-align: center;
}
.pagination{
    width:100%;
}
.pagination .pager{
    width:100%;
}
.pagination .pager ul li{
    margin-bottom:8px;
}
.user-message-notification p a{
    color:#337ab7;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.add-consent-sec a {
    color: #fff;
}
.consent-save-btn{
    /*margin-bottom:20px;*/
    margin-left:7px;
}
.m-left-input input{
    margin-left:5px
}
.consent-edit-btn {
    /*margin-bottom: 20px;*/
    margin-left: 7px;
}
.multipleCustomer{
    margin-top:10px;
}
.multipleCustomer input{
    position:relative;
    top:3px;
}
.add-consent-pad-sec{
    padding:15px 0px;
    padding-top:0px;
}
.add-pad-sec{
    padding-top:15px;
}
.nav-tabs-localized-fields .add-pad-sec{
    padding-top:5px;
}
.add-pad-sec .row{
    margin:0px;
}
.nav-tabs-localized-fields #consent-info-localized-standard-tab .add-pad-sec .row {
    margin-left: -15px;
    margin-right: -15px;
}
.consent .res_table .consentDetail tr td:first-child{
    white-space:normal;
}
.consentHistory .consent-history .consentDetail tr td:nth-child(3) {
    white-space:normal;
    min-width:180px;
}
.communication-store-sec tbody tr td:first-child {
    white-space: normal;
    min-width: 180px;
}
.external-comms-sec .select-box select{
    width:98%;
}
.communication-this-sec tr td:first-child {
    white-space: normal;
    min-width: 180px;
}
.consentHistory .communication-other-sec tr td:nth-child(2), .communication-other-sec tr td:first-child {
    white-space: normal;
    min-width: 180px;
}
.customer-info-page .gender span input {
    margin-top: 2px;
    margin-right: 7px;
}


/**********End Css************/

/******Responsive*****/

@media (min-width: 1001px) {
    .inputs label {
        display: inline-block;
        width: 265px;
        margin:4px 10px 0 0;
        text-align: right;
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight:700;
    }
  
    .gender span {
        margin: 0 10px 0 0;
    }
        .gender span > * {
            margin: 0 5px 0 0;
        }

}


@media (min-width: 1367px){
    .inputs label {
        width: 375px;
    }
}
.date-of-birth label{margin-top:10px;}
.ExternalCommunication label {
    margin-top: 6px;
}
.field-validation-error {
    display: block;
    clear: both;
}

/******mycss******/

@media screen and (max-width:1001px) {
    .customer-info-page form .fieldset .inputs label {
        float: none;
        font-weight: normal;
    }

    .customer-info-page form .fieldset .inputs {
        text-align: center;
    }

    .center-2 .customer-info-page .date-of-birth select {
        float: none;
    }

    .center-2 .downloadinfo .inputs label {
        text-align: center;
        margin: 5px 0px;
    }

    .center-2 .downloadinfo .buttons .save-customer-info-button {
        border-bottom: 1px solid #ddd;
    }

    /*.downloadinfo .form-fields .inputs label:first-child {
        width: 50%;
        text-align: right;
    }

    .downloadinfo .form-fields .inputs label:last-child {
        width: 50%;
        text-align: left;
    }*/
    .downloadinfo .form-fields .inputs label:first-child {
        text-align: left;
        font-weight: bold;
        float: left;
        width: auto;
    }

    .downloadinfo .form-fields .inputs label:last-child {
        display: table-cell;
        padding-left: 10px;
        float: none;
        padding: 5px 10px;
    }

    .downloadinfo-sec {
        display: inline-block;
    }
    .content .nav-tabs-localized-fields .input-group input {
        width: 100%;
        max-width: 98%;
    }
    .content .nav-tabs-localized-fields textarea {
        width: 100%;
        max-width: 98%;
    }
    .checkbox-margin {
        margin:0px;
    }
    .consent-edit-btn, .consent-save-btn {
        margin-left: 13px;
    }
    .panel-search .nav-tabs-localized-fields .form-control {
        width: 100%;
        max-width: 98%;
    }
    .panel-search .tokenTextbox input {
        width: 100%;
        max-width: 100%;
    }
    .ExternalCommunication .col-md-4{
        text-align:left;
    }
    .ExternalCommunication .panel-search input, .ExternalCommunication .panel-search select {
        width: 100%;
        max-width: 98%;
    }
    .ExternalCommunication .multipleCustomer input {
        width: auto;
    }
    .ExternalCommunication .multipleCustomer{
        margin-bottom:0px;
    }
    .ExternalCommunication .calendar-sec{
        width:100%;
        display:block;
    }
    .ExternalCommunication .calendar-sec .k-widget.k-datetimepicker{
        width: 100%;
        display: block;
    }
    .ExternalCommunication .k-picker-wrap .k-state-default {
        width: 98%;
    }
    .breach-notification-sec .form-group input, .content .breach-notification-sec .k-multiselect {
        width: 100%;
        max-width: 98%;
    }
    .delete-info-sec .form-group input {
        width: 100%;
        max-width: 98%;
    }
    .add-pad-sec .input-group input{
        width:100%;
        max-width:98%;
    }
    .add-pad-sec .form-group textarea {
        width: 100%;
        max-width: 98%;
    }
}

@media screen and (max-width:768px) {
    .consentHistory .table-responsive {
        border: none;
    }

        .consentHistory .table-responsive table {
            margin: 0px;
            margin-top: 10px;
            width: 100%;
        }

    .consentHistory .gdprText {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:360px) {
    .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 {
        padding: 10px 23px;
    }
}

zacsparrow wrote:

Hello zacsparrow,

the GDPR plugin that you are using for version 3.9 is not a product of ours, therefore you must add additional styling to your theme in order for it to work properly.

If you update to version 4.1 you would be able to use the built-in GDPR plugin and you will not face issues like that.

P.S. Any modifications you have done to your CSS or View files will be overwritten upon update so make sure you back them up before updating. And merge them after the update.

Also, for any modifications you do on the theme styling, you better use your theme`s Custom Head Styles section. By adding styles there they will be easier to track and also will not be deleted after an update of the theme.

Kind Regards,
Valentin.

zacsparrow wrote:
Set my code in style.css of WORKING theme (so in your case will be prisma)


Regards,
Tom

Dear Valentin,

We are planning to upgrade to Ver 4.10 in the near future but before we do we need to make sure that our systems and programs are compatible with it. Thank you for the advice.

Dear Tom,

In the Prisma folder i have two files, styles.css and styles.rtl.css, i copied your code in the styles.css file under the global tables section but i still don't get any results. This is the link to the Styles.css file incase you would like to check it out https://files.fm/u/urm4zvr8. Thanks again.

Regards,

Zac

Zac,
Styles.rtl are for RTL language.
I see you have update styles.css - have you try to refresh page with combinations CTRL + F5? :)
I do, and see checkboxes ready to be check or uncheck.

Regards,
Tom

Dear Tom,

Thanks again for the help and patience, although i did refresh the site 5-6 times it didn't occur to me to try the forced command. You made my day thanks.

Regards,
Zac