Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 13, 2020 at 6:46 am #1172671
    Mathias_M

    Hello dear Kriesi-Team,

    I have three questions regarding a widget from calendly: 

    <!-- Calendly Link-Widget Beginn -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>
<h2 style="color:#f34607; text-align: center;"><a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/vifo/visionscall?text_color=121621&primary_color=f34607'});return false;">Dein kostenloser Visionscall <br> <a style="color:#121621; font-family: Open Sans;  font-size: 18px;" href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com XXX?text_color=121621&primary_color=f34607'});return false;">klicke hier und starte Deine Vision</a></a></h2>
<!-- Calendly Link-Widget Ende -->

    1. I would like to have an underlining on the widget link at the page if the visitor go with the mouse above the widget link is this possible?

    2. I would like to have the same view from the links on my main page and on my about page. Instead it seems, the part changed it’s look on the about page, also if i use exactly the same widget and code.

    3. I like to appear the subtext of the link “klicke hier und starte Deine Vision” in the exactly same font and size like the standart text on the website. I used:
    font-family: Open Sans

    It doesn’t seem to work.

    Thanks a lot and
    Kind regards
    Mathias

    • This topic was modified 5 years, 9 months ago by Mathias_M.
    January 14, 2020 at 11:54 am #1173236
    Ismael

    Hey Mathias_M,

    Thank you for the update.

    You can add a unique id or class attribute to the heading tag containing the link. In the code above, look for this part:

    
<h2 style="color:#f34607; text-align: center;">

    Replace it with:

    
<h2 class="calendly-heading" style="color:#f34607; text-align: center;">

    You will then be able to use the following css declaration to change the style of the link.

    .calendly-heading a {
   color: red;
}

.calendly-heading:hover a {
   text-decoration: underline;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.