have a floating button but cannot find the code :) + button on index page - york template

Hi, all 🙂

I have, with the help of this great forum, made a floating vertical button on all my pages. I want to change the text on this, but somehow. I cannot find the code for this. In custom CSS I have code for this:

.kl-float {
   position: fixed;
   opacity: .9;
   top: calc(30%);
   right: 0;
   z-index: 20000;
   background-color: #0000c8;
   white-space: nowrap;
   text-align: center !important;
   border-radius: 0px;
   height: 28px;
   font-family: arial;
   font-weight: bold;
   font-size: 14px;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   transform-origin: bottom right;
}

But in the footer code, there is nothing to find concerning this .kl-float. I am lost now! 

Furthermore. I would like a button on my index page under the header text. But this is not possible without some code too I guess?

Ideas anyone? Thanks.

14 minutes ago, arie said:

Hi, all 🙂

 

I have, with the help of this great forum, made a floating vertical button on all my pages. I want to change the text on this, but somehow. I cannot find the code for this. In custom CSS I have code for this:

 

.kl-float {
   position: fixed;
   opacity: .9;
   top: calc(30%);
   right: 0;
   z-index: 20000;
   background-color: #0000c8;
   white-space: nowrap;
   text-align: center !important;
   border-radius: 0px;
   height: 28px;
   font-family: arial;
   font-weight: bold;
   font-size: 14px;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   transform-origin: bottom right;
}

But in the footer code, there is nothing to find concerning this .kl-float. I am lost now! 

 

Furthermore. I would like a button on my index page under the header text. But this is not possible without some code too I guess?

Ideas anyone? Thanks.

Remove the code. Before removing the code, save it somewhere. After then change the text and add the code again. 

Thank you @Web_Solutions, but how can I remove code that I cannot find? Sorry I am a bit of a noob in this.

If you share site url, we can help easier

Whoops sorry about that, I thought I filled it in somewhere. It is gewoonarie.nl

The code is in Code Block in Footer

Check your Footer & edit Code Block

If you can't find it, you can access this link, it will disable all code in Edit Mode, so you can find Code Block easier

https://www.gewoonarie.nl/config/safe

Ah, found it in the footer. It was a block indeed, while I was looking in the Website-tools - Custom css. Thank you @tuanphan. 

Any ideas for my other question? 

Quote

Furthermore. I would like a button on my index page under the header text. But this is not possible without some code too I guess?

Thank you!

On 1/29/2024 at 2:45 PM, arie said:

Ah, found it in the footer. It was a block indeed, while I was looking in the Website-tools - Custom css. Thank you @tuanphan. 

Any ideas for my other question? 

Thank you!

Under Header text - What do you mean?

You mean move float button on right of site to between navigation header - top section text?

Thank you, @tuanphan actually some text and a button between top section text and the photo's.

On 1/30/2024 at 5:36 PM, arie said:

Thank you, @tuanphan actually some text and a button between top section text and the photo's.

I think if you can add a text link there, we can use CSS to turn it to button

That's right. A text link is a possibility. 

I don't see it

Whoops, sorry abiout that @tuanphan it is visible now.

You can use this code to Custom CSS box

body.homepage .page-description a {
    background-color: #0000c8;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

Yes, thank you so much! 🙏

I changed the font size a bit too.