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 2 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 (5318) 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 2 months ago #2
by TemplatePlazza
Please Log in or Create an account to join the conversation.
- Posted by Ewa (3) Offline
- Posted by TemplatePlazza (5318) 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 2 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