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