Canvas Support

Slider, contact form and colour change problem

8 replies · opened Aug 9, 2021

PpfptfaitakAug 9, 2021

Hi,

I hope you are well.

I am using the one-page media agency template for my website and I am having a few different problems with my site which I need help resolving.

  1. The slider and the images I loaded on it were on the right hand side and working correctly. Today they suddenly appear to have shifted to the very top of my website. I have not made any changes to the code on my site in 2 days so I don't know how this could have happened. I inspected the code and it matches the default template code. No changes have been made to the css or style files either, so I'm not sure why this problem has occurred. I have enclosed my index file.

  2. I need the contact form on the site to send messages to info@mossavat.com. What do I need to add to the code to make this function correctly?

  3. Last week I attempted to change the base background colour of my website to hex colour EEE1C6 following the instructions you provided but the changes were not reflected in the site. I would also like the H1 and H2 colour to be changed to hex colour 00471B. Again I followed the instructions on your site but the changes were not reflected.

My website is currently live and I have clients visiting it, so please respond with a solution ASAP. Thanks in advance for your help.

Best regards,

Amin Mossavat

PpfptfaitakAug 9, 2021

I was able to fix the first problem.

SSemicolon WebSTAFFAug 10, 2021

Hello,

  1. Please consider checking out this Documentation: http://docs.semicolonweb.com/docs/forms/form-setup/#docs-snippet-php for complete instructions on receiving emails from your Form Responses.

  2. Consider checking Color Customization Documentation here: http://docs.semicolonweb.com/docs/getting-started/color-schemes/ . Make sure that you are adding the css/colors.css stylesheet in the Document ``. For changing the Colors for the h1, h2 Tags. You will need to use the following code in the css/custom.css File:
    [ch_pre type="css"]h1, h2 { color: #00471B; }[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PpfptfaitakAug 11, 2021

Hi,

I'm still facing some problems and I have a few more questions which I require help with.

  1. I made the edits to the form.php file to get the contact form working, but now it just stalls. I added my receiving email address to form.php as noted below:

$toemails = array();

$toemails[] = array(
'email' => 'info@mossavat.com', // Your Email Address
'name' => 'info' // Your Name
);

/-------------------------------------------------
Sender's Email
---------------------------------------------------/

$fromemail = array(
'email' => 'no-reply@mossavat.com', // Company's Email Address (preferably currently used Domain Name)
'name' => 'Mossavat Mediation & Notary' // Company Name
);

Now only the circular working image appears. What am I missing?

  1. I have spent hours attempting to following the colour customization documentation and it has only resulted in limited success. My intention was to change the background colour of the page from white to hex colour EEE1C, however the background colour does not change. I was only able to alter the colour of the navigation menu text.

What do I need to change to alter the white background colour of the site?
Do you have a resource that lists the colour codes that are used for the footer?
I was able to change the colour of the buttons to dark green when I hover over it. Is there a way to specify the exact colour of green I wish the hover to be. Is it possible to exactly specify the colour of the button other than using generic colours?
How can I alter the colour of the paragraph and span texts as well as the black heading text on the site?
Is it possible to add a hover colour to the heading text on the tabs, so that visitors will know to click on the tabs?
Is it possible to specifically alter the colour of the icons and stars I have used on my site?

  1. I wish to have the About button on my navigation menu link/move the screen down to the tabs/testimonial portion of the page instead of the intro blurb. How may I make this change?

Thanks in advance for all of your help.

Best regards,

Amin

SSemicolon WebSTAFFAug 11, 2021

Hello,

  1. Your Form File: https://www.mossavat.com/include/form.php is returning a 500 Internal Server Error which is an indication that this is a Server Configuration issue.

Please consider adding the .customjs Class to the .form-widget DIV and then following code at the very top of your include/form.php File after the opening php tags:
[ch_pre type="php"]error_reporting(E_ALL);[/ch_pre]

which should display all the possible errors. Please notify us about the Error Message you see, after going through the process above, so that we can provide you with more assistance on this.

  1. To change the White Backgrounds, you will need to change the #header-wrap, #content Background Colors. Example:
    [ch_pre type="css"]#header-wrap, #content { background-color: #FFF; }[/ch_pre]

This is codes used for the Footer:
[ch_pre type="css"]#footer {
position: relative;
background-color: #EEE;
border-top: 5px solid rgba(0,0,0,0.2);
}[/ch_pre]

It is definitely possible to change the colors but since these are deep/specific element customizations, you will need to manually code this by finding the Specific Button Codes like (.button) and then adding the relevant CSS in the css/custom.css File. Same goes for the other elements. Consider using Inspect Element to find the Classes used for the Specific Elements and then customize them using your Custom CSS Codes. Or you will need to Hire a Freelancer to help you out with these customizations if you are not comfortable doing the Customizations yourself. We apologize for the Inconveniences caused but we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

  1. As you are using data-href="#section-testimonial" for the About Menu Link, you will need to assign the id="section-testimonial" Attribute to the Testimonials section. Example:
    [ch_pre]Testimonials[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PpfptfaitakAug 13, 2021

Hi,

  1. Per your suggestion I added the following code to my index.html to get the form working:

    <div class="line topmargin-lg bottommargin-lg"></div>

                 &lt;div id="section-contact" class="page-section"&gt;

             &lt;h2 class="bottommargin"&gt;Contact Us&lt;/h2&gt;

                 &lt;div class="row clearfix"&gt;

                     &lt;div class="col-lg-8"&gt;

                         &lt;div class="customjs form-widget"&gt;

                             &lt;div class="form-result"&gt;&lt;/div&gt;

I also added the following code to the include/form.php:

/-------------------------------------------------
PHPMailer Initialization
---------------------------------------------------/

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'phpmailer/src/Exception.php';
require 'phpmailer/src/PHPMailer.php';
require 'phpmailer/src/SMTP.php';

error_reporting(E_ALL);

No error messages appears. Instead the page switches to include/form.php and goes blank. Please advise on how to remedy this and get the form working properly.

The solution to problem 3 above worked. I have not had a chance to attempt to modify the background or footer colours yet.

Thanks for your help, and I look forward to your response.

Best regards,

Amin

SSemicolon WebSTAFFAug 14, 2021

Hello,

Firstly, please make sure that your PHP Version is more than 5.6 or preferably the Latest Version. Any chances you can provide us with your FTP Details so that we can check out what is going wrong? Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

PpfptfaitakAug 14, 2021

Hi,

the site with the form issue Mossavat.com is being hosted as a subdomain on my other site hyperspor.com so you will find all the relevant files in the mossavat folder. So home/hyperspo/mossavat

Here are my FTP login details:

FTP Password: RNKK(XMA&KUA
FTP Username: mossavat@mossavat.com
FTP server: ftp.hyperspor.com
FTP & explicit FTPS port: 21

If you are using filezilla select site manager then:
Protocol: SFTP
Host: www.hyperspor.com
Port: 7822

If you have any issues logging in please let me know. Thanks.

Best regards,

Amin

SSemicolon WebSTAFFAug 16, 2021

Hello,

The issue was due to the Customized Codes in your include/form.php File. You have added the Spam Words but without commas causing a PHP Error.

We have fixed this for you and it should now work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard