Email templates

7 replies · opened Jan 31, 2021

AanngeorgestudiosJan 31, 2021

I have downloaded some files that are email.html, but the ones I have are full of links to Canvass pages. If I were to use the one I like, it seems I must delete all the links that are in place.
Is there a template for the mail set up used on the basic Canvas index.html page? Or, does anyone have a tip on how to delete all the unwanted addresses?

Thank you.

Ann George

SSemicolon WebSTAFFFeb 1, 2021

Hello,

Apologies for the Inconvenience and misunderstanding.

We are not sure about your Query. In the Canvas Package, there is no file namely: email.html. Can you please provide us with a Screenshot of the Codes you are looking to modify or need help with, so that we can provide you further assistance. 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.

AanngeorgestudiosFeb 1, 2021

Thank you for your reply. Here is a link to a page I downloaded thinking I would have a menu template:
file:///Users/AnnGeorgeStudiosInc/Desktop/CANVASS%20SLIDER%20:%20MENU%20COLLECTION/menu-4.html
I also downloaded
file:///Users/AnnGeorgeStudiosInc/Desktop/CANVASS%20SLIDER%20:%20MENU%20COLLECTION/menu-8.html

I like menu 4 very much. I see the source code for that menu includes links for the Canvass product, so to use it, it seems I have to delete those links to get to the simple source. (apologies if my explanation is off, I have not had much experience talking with people about code)>
<nav class="primary-menu style-4 menu-spacing-margin">

						&lt;ul class="menu-container"&gt;
							&lt;li class="menu-item"&gt;
								[Home](index.html)
								&lt;ul class="sub-menu-container"&gt;
									&lt;li class="menu-item"&gt;
										[Niche Demos](intro.html#section-niche)
									
									&lt;li class="menu-item"&gt;
										[One-Page Demos](intro.html#section-onepage)
									
									&lt;li class="menu-item"&gt;
										[Home - Corporate](index-corporate.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Corporate - Layout 1](index-corporate.html)
											
											&lt;li class="menu-item"&gt;
												[Corporate - Layout 2](index-corporate-2.html)
											
											&lt;li class="menu-item"&gt;
												[Corporate - Layout 3](index-corporate-3.html)
											
											&lt;li class="menu-item"&gt;
												[Corporate - Layout 4](index-corporate-4.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - Portfolio](index-portfolio.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Portfolio - Layout 1](index-portfolio.html)
											
											&lt;li class="menu-item"&gt;
												[Portfolio - Layout 2](index-portfolio-2.html)
											
											&lt;li class="menu-item"&gt;
												[Portfolio - Masonry](index-portfolio-3.html)
											
											&lt;li class="menu-item"&gt;
												[Portfolio - AJAX](index-portfolio-4.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - Blog](index-blog.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Blog - Layout 1](index-blog.html)
											
											&lt;li class="menu-item"&gt;
												[Blog - Layout 2](index-blog-2.html)
											
											&lt;li class="menu-item"&gt;
												[Blog - Layout 3](index-blog-3.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - Shop](index-shop.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Shop - Layout 1](index-shop.html)
											
											&lt;li class="menu-item"&gt;
												[Shop - Layout 2](index-shop-2.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - Magazine](index-magazine.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Magazine - Layout 1](index-magazine.html)
											
											&lt;li class="menu-item"&gt;
												[Magazine - Layout 2](index-magazine-2.html)
											
											&lt;li class="menu-item"&gt;
												[Magazine - Layout 3](index-magazine-3.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - Landing Page](landing.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Landing Page - Layout 1](landing.html)
											
											&lt;li class="menu-item"&gt;
												[Landing Page - Layout 2](landing-2.html)
											
											&lt;li class="menu-item"&gt;
												[Landing Page - Layout 3](landing-3.html)
											
											&lt;li class="menu-item"&gt;
												[Landing Page - Layout 4](landing-4.html)
											
											&lt;li class="menu-item"&gt;
												[Landing Page - Layout 5](landing-5.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - Full Screen](index-fullscreen-image.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Full Screen - Image](index-fullscreen-image.html)
											
											&lt;li class="menu-item"&gt;
												[Full Screen - Slider](index-fullscreen-slider.html)
											
											&lt;li class="menu-item"&gt;
												[Full Screen - Video](index-fullscreen-video.html)
											
										
									
									&lt;li class="menu-item"&gt;
										[Home - One Page](index-onepage.html)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[One Page - Default](index-onepage.html)
											
											&lt;li class="menu-item"&gt;
												[One Page - Submenu](index-onepage-2.html)
											
											&lt;li class="menu-item"&gt;
												[One Page - Dots Style](index-onepage-3.html)
											
										
									
									&lt;li class="menu-item mega-menu mega-menu-small"&gt;
										[Extras](#)
										&lt;div class="mega-menu-content"&gt;
											&lt;div class="row mx-0"&gt;
												&lt;ul class="sub-menu-container mega-menu-column col"&gt;
													&lt;li class="menu-item"&gt;
														[Wedding](index-wedding.html)
													
													&lt;li class="menu-item"&gt;
														[Restaurant](index-restaurant.html)
													
													&lt;li class="menu-item"&gt;
														[Events](index-events.html)
													
												
												&lt;ul class="sub-menu-container mega-menu-column col"&gt;
													&lt;li class="menu-item"&gt;
														[Parallax](index-parallax.html)
													
													&lt;li class="menu-item"&gt;
														[App Showcase](index-app-showcase.html)
													
													&lt;li class="menu-item"&gt;
														[Boxed Layout](index-boxed.html)
													
												
											&lt;/div&gt;
										&lt;/div&gt;
									
								
							
							&lt;li class="menu-item"&gt;
								[Features](#)
								&lt;ul class="sub-menu-container"&gt;
									&lt;li class="menu-item"&gt;
										[Sliders](#)
										&lt;ul class="sub-menu-container"&gt;
											&lt;li class="menu-item"&gt;
												[Revolution Slider](slider-revolution.html)
												&lt;ul class="sub-menu-container"&gt;
													&lt;li class="menu-item"&gt;
														[Premium Templates](rs-demos.html)
													
													&lt;li class="menu-item"&gt;
														[Full Screen](slider-revolution.html)
													
													&lt;li class="menu-item"&gt;

So you see all the links in there are not links I will need. It seems I have to delete all the content and then replace it with my own links info?

Or is there a short template for that looK?

Thanks,

Ann

AanngeorgestudiosFeb 1, 2021

Perhaps I should have said "Pre Defined Navigations"
Is there someplace to see and to down load these? I apologize but I can't seem to find them.

Thank you.

SSemicolon WebSTAFFFeb 2, 2021

Hello,

Thanks for further examples and explanations. :)

  1. Yes, these Menus are provided as Demos, and to customize them you can simply delete the Codes you do not need and edit the links/texts according to your needs. Here is an Example Template to get you started quickly:
    [ch_pre]<ul class="menu-container">

    <li class="menu-item">
    Home

    <ul class="sub-menu-container">
    <li class="menu-item">
    Sub Menu: Level 1


    <li class="menu-item">
    Sub Menu: Level 1

    <ul class="sub-menu-container">
    <li class="menu-item">
    Sub Menu: Level 2


    <li class="menu-item">
    Sub Menu: Level 2

    <li class="menu-item">
    About

    <li class="menu-item">
    Blog

[/ch_pre]

Simply replace this with the existing .menu-container Element.

  1. To find the Menus/Headers as in the image above, simply go to http://themes.semicolonweb.com/html/canvas/index.html and check the Features > Headers and Features > Menu Styles Links.

Hope this Helps!

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

AanngeorgestudiosFeb 2, 2021

Hello,

Thank you for the sample. I have been using BootStrap to write menus for awhile now, so what was appealing to me was the look/color/style of the navigation/menus you created. Do you have companion CSS files for the menus available, or do I just need to hunt and copy?

Thank you

SSemicolon WebSTAFFFeb 2, 2021

Hello,

If you are looking to Customize the Menus, you can use the CSS Codes from the css/imports/header.css File. Make sure that you are adding your Custom Codes in the css/custom.css File so that updating to the Latest Version of Canvas is easy when we release upgrades.

Hope this Helps!

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

AanngeorgestudiosFeb 2, 2021

Thank you!

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