Page History

...

HTML

<style>
:root{
--header-font: #3a3a3a;
--mainprof-font: #3a3a3a;
}

.mentor-text-container{
    padding: 60px 0 0 50px!important;
}
.content-container{
    overflow: hidden!important;;
}
.buttons-wrapper{
    border-top: #999 2px solid;
    margin-top: 0px!important;
    padding-top: 40px!important;
}
.buttons-wrapper button.msg-button,.buttons-wrapper .back-button{
    width: 270px!important;
    height: 50px!important;
    text-transform: uppercase;
    color: black!important;
    font-weight: bold!important;
    letter-spacing: 1px!important;
    background: #ffb610!important;
}
.mentor-image-wrapper{
    width: 300px!important;
    height: 300px!important;
}

.mentor-image-wrapper img{
    border-radius: 0!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}

.badges-container-sidebar{
    padding: 0px!important;
}
.custom-column-container{
    width: 320px!important;
    max-width: 320px!important;
    min-width: 320px!important;
}
.custom-column-container .sidebar-container {
    background-color: #333 !important;
    border-radius: 0px !important;
}

.mentor-sidebar-content .mentor-description-wrapper {
    color: white !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.buttons-wrapper button {
    border-radius: 0px !important;
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.16) !important;
    background-color:white !important;
color: #2673b0 !important;
    border: none !important;
}


#linkedin-button button.back-button {
    background: #deeab4 !important;
    display: none;
}

button.msg-button {
    background: white!important;
}

.content-container {
    background: white !important;
    border-radius: 0px !important;
    box-shadow: -2px 2px 21px 0 rgba(0, 0, 0, 0.16) !important;
}

div#mainprofcontainer {
    width: 90%;
    margin: 40px auto;
}
.mentor-text-container {
    width: 80% !important;
}
</style>

...

Custom section

CustomCSS	flex-wrap: nowrap;
ContainerID	mainprofcontainer
DisableAutoHeight	true

Custom column

Height	auto;
Width	15%

Mentor sidebar

BackButton	/display/c32mentors/C32+Mentors+Home

Custom column

Width	85%

General content

CustomCSS	background-color: inherit;

Mentor description

HTML
<div id="book"> </div>

Hide If

group	premium-users

Custom section

CustomCSS	justify-content:center;

Locked content

Show If

group	premium-users

HTML

<script>
let current_mentor = getQueryVariableFromUrl("mentor");
AJS.toInit(function (){
  var iframeBooking = AJS.$('#roomBooking');
  var mentorCalendar;
  jQuery.ajax({
    url: "https://signup.theonevalley.com/mentor/calendar/" + current_mentor,
    type: "get",
    dataType: 'json',
    async: false,
    success: function (data) {
	  console.log('email???', data);
      var iframeSrc = 'https://gsvlabs.as.me/?calendarID=' + data.id + '&appointmentType=8893711' + '&firstName=' + userFirstName + '&lastName=' + userLastName + '&email=' + userEmail + '&phone=' + userPhone + '&certificate=' + userMentorCode + '&field:5754148=' + userWebsite + '&field:5756602=' + userWebsite + '&field:5756740=' + userCompany + '&field:5756761=' + userCompany;
      iframeBooking.attr('src', iframeSrc); 
    }
  });
});
</script>
<iframe id="roomBooking" width="100%" height="800" frameBorder="0"> </iframe><script src="https://d3gxy7nm8y4yjr.cloudfront.net/js/embed.js" type="text/javascript">

HTML
<script> document.getElementById('mentor-tagline').innerHTML.substring(2).substring(0,document.getElementById('mentor-tagline').innerHTML.length-4) </script>

Content

Space Tools

Versions Compared

Old Version 4

New Version 5

Key