Contactmap looks different
- Posted by Ewa (3) Offline
Hello,
I bought ContactMap, but on my site it looks different than on yours demo site. The cells are not aligned as they should be.
Please help.
Ewa
9 years 10 months ago #1
by Ewa
I bought ContactMap, but on my site it looks different than on yours demo site. The cells are not aligned as they should be.
Please help.
Ewa
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5416) Offline
It looks like your template css overrided some contact map css rules. Can you let me know the URL of your site so I can take a look?
9 years 10 months ago #2
by TemplatePlazza
Please Log in or Create an account to join the conversation.
- Posted by Ewa (3) Offline
- Posted by TemplatePlazza (5416) Offline
Hi can you add this code to your css file :
.namecontainer input,
.emailcontainer input{
width:95px!important;
padding: 5px!important;}
.subjectcontainer input {
width:198px!important;
padding: 5px!important;
margin-top:5px!important;}
.antispamcontainer textarea {
margin-top:5px!important;
width:198px!important;}
.contactmap-wrp input.btn {
width:178px!important;
border:none!important;
padding:10px 10px!important;
border-radius:4px!important;
}
.subjectcontainer .input-small {
margin-bottom:5px!important;}
@media screen and (min-width : 320px) and (max-width : 480px) {
.namecontainer input,
.emailcontainer input,
.subjectcontainer input,
.antispamcontainer textarea,
.contactmap-wrp input.btn{
width:100%!important;
box-sizing:border-box!important;
margin-bottom:5px!important;
height:40px!important;}
}
9 years 10 months ago #4
by TemplatePlazza
.namecontainer input,
.emailcontainer input{
width:95px!important;
padding: 5px!important;}
.subjectcontainer input {
width:198px!important;
padding: 5px!important;
margin-top:5px!important;}
.antispamcontainer textarea {
margin-top:5px!important;
width:198px!important;}
.contactmap-wrp input.btn {
width:178px!important;
border:none!important;
padding:10px 10px!important;
border-radius:4px!important;
}
.subjectcontainer .input-small {
margin-bottom:5px!important;}
@media screen and (min-width : 320px) and (max-width : 480px) {
.namecontainer input,
.emailcontainer input,
.subjectcontainer input,
.antispamcontainer textarea,
.contactmap-wrp input.btn{
width:100%!important;
box-sizing:border-box!important;
margin-bottom:5px!important;
height:40px!important;}
}
Please Log in or Create an account to join the conversation.
- Posted by Ewa (3) Offline