Canvas Support

color.css

6 replies · opened Jul 24, 2018

SscottishmoviesJul 24, 2018

Hi,

I have the latest version of Canvas and was changing the primary color in color.css to #ff0000

It saves ok but the webpage still has the original color #1ABC9C. Is there something else I need to do?

regards,
Pat

SscottishmoviesJul 25, 2018

what does it take to get a quick answer fom support?

SSemicolon WebSTAFFJul 26, 2018

Hello,

Thanks for your Patience!

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Additionally, please make sure that the css/colors.css File has been linked in the Document <head> as explained in the Documentation > Start > Color Schemes Section.

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

SscottishmoviesJul 26, 2018

www.snaphappymedia.com/test

This is just a testing page to see how it all works. Thank you for your help!
I have changed it to menu style 2 to check it and it worked. I have now changed it back to style-3 and it picks up the colors!!
How do I remove the lines on the borders of the menu and also, on a landscape ipad the menu drops below the logo section.

Many thanks for your help!

SSemicolon WebSTAFFAug 1, 2018

Hello,

Thanks for your Patience!

  1. We have checked out your Website and the issue appears to be with the css/colors.css Implementation. While the placement of the CSS Linking in the Document <head> is absolutely fine, the codes implemented inside the css/colors.css File is incorrect since there are PHP Codes inside. If you are using PHP, the extension of the File should also be .php and the File should be renamed as css/colors.php . However, if you are using CSS, then make sure that all the instances of the #HEX Codes are replaces with your own Color #HEX Code. So, please use the default files again deleting the Old css/colors.css File and proceed as explained above. This will definitely work fine.

  2. To remove the borders, simply use the following CSS Code:

#header.transparent-header.full-header #header-wrap { border-bottom: 0; }

#header.full-header #logo,
#header.full-header #primary-menu > ul {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}
  1. The Logo is going to the Next Line on iPad's Landscape Mode because the size of your Primary Menu and Logo is more than the Screen Size available. Consider using the following CSS Code to adjust the Font/Padding of the Menu Items:
.device-md #primary-menu ul li > a {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    letter-spacing: 0px;
}

Some things we have noticed that you are using Canvas 5.2.1 with the Combination of Bootstrap 3.3.7, which is absolutely not recommended and cause unnecessary issues because of version mismatch between different files, so it is highly recommended to update to the Latest Version, since the Support provided does not cover Older Versions of Canvas.

Hope this Helps!

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

SscottishmoviesAug 1, 2018

Thanks for the advice for the ipad and borders. However, I'm concerned about your comment regarding Canvas 5.2.1 and Boostrap 3.3.7.

  1. Can you let me know what the problem is and how I can find and fix it?
  2. How can I check which version of both is in use?

I have only used, as far as I know, the contents of the package I downloaded from Envato. Although I have had purchased it sometime ago and maintained the support (without actually doing anything with it!) it might be that I have somehow managed to include elements from a previous version. So, it would be helpful to know what I'm looking for to eliminate a potentail future problem.

Thank You in advance. I do realise that you guys must be extremely busy.

SSemicolon WebSTAFFAug 8, 2018

Hello,

Apologies about the Delays & Thank You so much for your Valuable Patience! We are experiencing some unexpected delays with support and working on restoring the Normal Support Times as soon as possible.

Regarding your Issue, the current Bootstrap Version used is 4.1.1, while you are using Bootstrap 3.3.7. It is highly recommended that you refer to the Documentation > Changelog Section for all the Updates as we add all the details including the Files Changes inside the Documentation. So this way, you will only need to update those files which have been changed. Please let us know if you are facing any further issues with this. 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.

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