I am trying to develop a website that is formatted similar to this.... http://www.rainsoft.com
It has the hero type homepage with the form on the side... can you advise on what demo page I might start with in the Canvas template to work towards this look?
Thanks,
Charlotte Terry
Hello,
Based on your requirements, we recommend using the Booking Section from the Medical Niche Demo: https://themes.semicolonweb.com/html/canvas/demo-medical.html#booking-appointment-form . You can adjust the Column Sizes according to your needs.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Great! On the left side then can I replace the image div..
<div class="col-lg-5" style="background: url('demos/medical/images/section-bg.jpg') center center no-repeat; background-size: cover; min-height: 250px;">
With a slider?
Hello,
Yes Absolutely! Consider using the following code:
<div class="section row p-0 align-items-stretch dark topmargin-sm mx-0">
<div class="col-lg-5 px-0" style="min-height: 250px;">
<div class="fslider position-absolute top-0 left-0 w-100 h-100">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" style="background: url('images/portfolio/single/full/1.jpg'); no-repeat; background-size: cover;"></div>
<div class="slide" style="background: url('images/portfolio/single/full/7.jpg'); no-repeat; background-size: cover;"></div>
<div class="slide" style="background: url('images/portfolio/single/full/10.jpg'); no-repeat; background-size: cover;"></div>
</div>
</div>
</div>
</div>
....
</div>and the following CSS Code:
.fslider.h-100 .flexslider,
.fslider.h-100 .flex-viewport,
.fslider.h-100 .slider-wrap,
.fslider.h-100 .slide {
height: 100% !important;
}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.
Thanks for the awesome support!!!
Charlotte
Very Happy to Help! :)
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Where do I go to change the color scheme for demos/medical?
Thank you.
Hello,
You can simply find the following code in the HTML File:
<link rel="stylesheet" href="css/colors.php?color=DE6262" type="text/css" />and change the Hex Value: DE6262 according to your needs. More Documentation for this can be found here: https://docs.semicolonweb.com/docs/getting-started/color-schemes/ .
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.
I remembered that right after sending my email. Your documentation is very thorough.
Thanks.
Hi. The Medical template is working well for the project I'm working on.
I am though struggling to get the font-icons working. I am trying the use the "bi-droplet" next to 'Our Mission".
This is my code (line 208)-- <i class="bi-droplet"></i>
This is the website url --(just a practice area): www.local-agent.net/naturesoft
Thank you.
Hello,
Thanks so much for the Kind Words! :)
To be able to use Bootstrap Icons, you will need to add the following code in the Document <head> as well:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css" type="text/css" />Apologies for the Inconveniences. We have just added this to the Documentations: https://docs.semicolonweb.com/docs/shortcodes/icons/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Perfect. Thanks!
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