Hello, I downloaded the Kalium theme earlier today and would like to use the Freelancer demo content. The typography elements are different from the demo version - the fonts appear to be different and the spacing is a lot greater between lines. Is there anyway to use the demo styling exactly as it is as this is the reason I purchase the theme (so not to spend time setting the type)
Also, the key lines do not match up in the contact form. I'm quite disappointed having purchased this theme that it's not what I expected when downloaded.
1— This can not happen, maybe you have installed two demos and this messed up things. Anyway, I need to check this for you.
Please send me your Wordpress credentials, because I need to login to your site and test this.To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.
2— I'm sure that this is happening because of any third-party plugin such as Jetpack plugin or another one that is interfering with the theme style.
P.S: If I need to reset your Wordpress and install the Freelancer demo from the scratch, I'm I allowed to do that?
Thanks for your fast reply, it seems that you send me your Website username and Password, but you forget to send me your site URL too. Can you please send it too?
Thanks, now I was able to login and the problem was happening because the Jetpack has the names of the classes as our theme has so this interfered with our contact form (see video). See other examples.
Anyway, I just added this CSS code:
@media only screen and (min-width: 600px) { .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url] { width: unset; } }
This is extremely helpfull. I can see that the lines are correct. Only one extremely minor issue now. The key line underneath the word MESSAGE runs all the way to the end in colour, unlike the demo version (which I prefer).
I've attached two screenshots to show you - if this could be amended then I'm happy everything is as it should be.
Thank you for your reply. I've added the additional CSS and it's almost there. It just appears that the shorted line (coloured) underneath message is sitting higher than the grey line. Unlike the Name and Email fields.
By default we don't show the underline in the messages field because users can think that they can start to write in the right side, and in fact they need to write under the message field (see original design).
If you want to do the same please just add this CSS code:
P.S: I'm sorry that Jetpack plugin created so many style changes in this Contact form area for you, we will check if we can do something so other clients that use the Wordpress.com and have this plugin installed by default will not have the same problem.
Hello, I downloaded the Kalium theme earlier today and would like to use the Freelancer demo content. The typography elements are different from the demo version - the fonts appear to be different and the spacing is a lot greater between lines. Is there anyway to use the demo styling exactly as it is as this is the reason I purchase the theme (so not to spend time setting the type)
Also, the key lines do not match up in the contact form. I'm quite disappointed having purchased this theme that it's not what I expected when downloaded.
Hi c10ant,
1— This can not happen, maybe you have installed two demos and this messed up things. Anyway, I need to check this for you.
Please send me your Wordpress credentials, because I need to login to your site and test this.To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.
2— I'm sure that this is happening because of any third-party plugin such as Jetpack plugin or another one that is interfering with the theme style.
P.S: If I need to reset your Wordpress and install the Freelancer demo from the scratch, I'm I allowed to do that?
Hi Colin,
Thanks for your fast reply, it seems that you send me your Website username and Password, but you forget to send me your site URL too. Can you please send it too?
Don't worry, I will check that problem for you
Thanks!
Hi Colin,
Thanks, now I was able to login and the problem was happening because the Jetpack has the names of the classes as our theme has so this interfered with our contact form (see video). See other examples.
Anyway, I just added this CSS code:
@media only screen and (min-width: 600px) {
to your Custom CSS area and it fixes the conflict..contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url] {
width: unset;
}
}
.contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url] {
box-sizing: unset;
margin-bottom: unset;
}
.contact-form label {
margin-bottom: unset;
}
Can you please re-check if everything is fine now?
Thanks!
Thank you Ylli,
This is extremely helpfull. I can see that the lines are correct. Only one extremely minor issue now. The key line underneath the word MESSAGE runs all the way to the end in colour, unlike the demo version (which I prefer).
I've attached two screenshots to show you - if this could be amended then I'm happy everything is as it should be.
Again, I really appreciate your help.
Kind regards,
Colin
Hi Ylli,
I'm just following up on my last message to see if you're able to rectify the issue with the key line underneath the word MESSAGE in the contact form?
Kind regards,
Colin
Hi Colin,
I can see that Jetpack plugin created this problem too. Please just add this CSS code to your Custom CSS area:
.contact-form label { font-weight: normal; display: inline-block; }It should solve that problem
Have a nice week!
Dear Ylli,
Thank you for your reply. I've added the additional CSS and it's almost there. It just appears that the shorted line (coloured) underneath message is sitting higher than the grey line. Unlike the Name and Email fields.
I've attached a screenshot to show you the issue.
Kind regards,
Colin
Hi Colin,
By default we don't show the underline in the messages field because users can think that they can start to write in the right side, and in fact they need to write under the message field (see original design).
If you want to do the same please just add this CSS code:
.lab-contact-form .labeled-textarea-row textarea {margin-top: -1px;
}
P.S: I'm sorry that Jetpack plugin created so many style changes in this Contact form area for you, we will check if we can do something so other clients that use the Wordpress.com and have this plugin installed by default will not have the same problem.
Thanks!
Dear Ylli,
Thank you. This has fixed the issue and I appreciate all your help.
Kind regards,
Colin
I'm happy to hear that Colin
I wish you have an awesome day!