Changing menu-link hover color

Hello semicolonweb Team,

we investigated at lot of our own how to change and customize canvas to our needs and project.
Amazing and huge content with a ton of possiblities and options. Great work!

And there are still some topics or issues we may not handle without your help.

1. How do we change the hover color of the menu links? (See screenshot)
   We are using following header:
   <header id="header" class="transparent-header dark" data-sticky-class="not-dark">
   The hover classes for the sticky header are fine, we want to change the color in the first place, before it transforms to a sticky header.

2. We use 3 Slides built with the canvas slider but do not know how or where so set the auto loop function.
   The slides shall slide after another with a time delay and then start again from the beginning.
   Where do we set "data-loop="true"?

Couldn't find an example until now.

1. The size of the slider texts (h2,h3 etc) is challenging to adjust. (see 2nd screenshot)

May you please give us a hint or some infos to these things?

We are working locally with canvas right now, so i try to provide screenshots to make my questions or issues more obvious.
If it is easier for you to check it online, then let me know. We may create an online folder.

Thank you very much in advance for your answer and help.

Kind regards,
Artur / Mangold Store

Dear Support Team,
we could solve the described issues by ourself. So you do not have to answer to these topics.

Instead...

Could you be so kind and give us a hint how to center the texts and ordered list in the "Page Title style with a Parallax Image"?

We could center only the text but do not know how to center the order list -> See screenshot
Perhaps that makes it more clear.

Kind regards,
Artur / Mangold Store

Hey There,
thanks for your reply and all the details.

1.) Concerning the parallax page title i added the class and it works and everything is centered,
but the section then appears without parallax effect.

The line looks like this right now:

<section id="page-title" class="page-title-center include-header" style="background-image: url('images/slider/swiper/sz_bg_funken.jpg'); padding: 160px 0;" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;">

2.) How do i set words in bold or semibold?
When i use a paragraph tag and add the bootstrap classes for texts (http://docs.semicolonweb.com/docs/utility-classes/text/) then nothing changes.
Do you have an expample how to do it right?

There will be surely some more things that will come up in the next few days, because i am devoloping constantly with canvas.
I try to solve as many issues by myself :-)

Should i open a news ticket the next time or is this conversation still okay for you?

Kind regards,
Artur

Hey there,
thanks for helping me out.

Just in that moment i am struggling with a ridiculous issue. Quite embarrassing in my eyes. :-)

I want to set an image to fullwidth (src or even as background image), but when i copy and paste some blocks from your demos, it does not appear correctly. (See screenshot)

May you copy me the right code and syntax for it in here?

That would help me very much, because i have no clue what i am doing wrong.

Kind regards,
Artur / Mangold Store

For some reason i could not post the second screenshot.
Perhaps you understand what my aim is :-)

Hi There,

here is another things that drives me crazy :-)

I copied the code of the contact form from your standard contact page and want to have it centered in my customized page.
So i watched into some demo sites and blocks of canvas. But everything i tried did not apply. (e.g. justify-content-center)

I am not that much into boostrap and all its functions and syntax. So i hope you may give me a hint how to tweak it.
Have a look at the Screenshots and you may understand.

Many thanks and have a nice time,
Artur

Hi There,

thank you very much for your assistance and help.
That helped a lot to fix my issues.

For right now i have only one question.
How do i change the input color of the checkbox? or where do i find the css part?
(See screenshot)

I tried to find it out with the inspector function, but it was futile.

Many thanks and greetings to you!

Artur / Mangold Store

Hi,

yes of course. Here you have a screenshot of the code snippet and the former screenshot wich shows the frontend.
Hope this helps to investigate where or how to change the color.

Thanks in advance.

Kind regards,
Artur / Mangold Store

Hello,

this is exactly what i was looking for.
Sometimes i look into all the canvas demos and blocks, but the solution is quite simpler and easier than ever imagined.
Thats helps me to customizes the Checkboxes to my needs. Great!

Perhaps you may help (in the same way with another ready made example within canvas) in this small issue:

I want to build up a row with three pictures in it strechted to fullwidth.
(like you can see here: https://dev.szdo.de/)

Each picture shall have an overlay hover linked to another page. Best example that comes very close to what i need is at the bottom of the Pet Demo. There is a section called "Need help?": Pet demo

How do i stretch the three columns to fullwidth and close the gaps?
If you need a screenshot to make it more obvious then let me know.

Or do you have an easier example that i can use and customize?
What i finally want to build is this: Example

In the first part of that page after the slider there are three pictures with a hover overlay.
That's what i want to build with canvas.

Any hint or example i can use is a great help.
BTW: All your support until now was on point and always with the tailored solution. Absolutely amazing!

Thanks a lot!

Kind regards,
Artur / Mangold Store

Hello SemiColonWeb-Team,

we are nearly finished with our project using Canvas the first time and have to adjust or change some last things in the contactform or form.php.

Please have a look at the screenshot i attached here and you certainly will understand.

Further question is, if we can change the font type used in the response email.

Another solution would be to only get a response as a text-email. How do i change that?
Just in case, to have an option if we want to switch text-emails only.

You can have look directly into the website structure and code.
I provide you a link of the deployment subdomain: dev.szdo.de

Looking forward to your reply.

Thank and kind regards,
Artur / Mangold Store

Hello SemiColonWeb-Team,

my reply comes a bit late, please excuse me.
First things first. Thanks a lot for the detailed solution to my issues.
That helped very good to solve and customize the rest in this project.

To answer your question which email client i use:
Kopano Webapp: 3.5.6.2278+1275.1
Kopano Core: 8.7.80
https://kopano.com/

A test-email going to gmail showed no issues and looked very good, just as you supposed and mentioned.
It's the kopano webapp that distorts the view of the received email.

If i encounter some other difficulties, i will let you know.

We bought another canvas licence some days ago to build another website project.
I will then start a fresh ticket, if needed.

When we are finished with that second project we will certainly leave a review and comment on canvas and the amazing support team! Bye bye for now :-)

Cheers,
Artur / Mangold-Store