x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<style>
:root{
--header-font: #3a3a3a;
--mainprof-font: #3a3a3a;
}
.mentor-sidebar-content{
    width: 100%!important;
}
.mentor-sidebar-content .mentor-description-wrapper{
    width: 100%!important;
    box-sizing: border-box!important;
}
.mentor-description-wrapper{
    padding: 30px!important;
}
.mentor-sidebar-content .mentor-description-wrapper #mentor-name{
    text-align: left!important;
    font-size: 24px!important;
	font-weight: normal!important;
}
.mentor-sidebar-content .mentor-description-wrapper #mentor-tagline{
    text-align: left!important;
    font-size: 18px!important;
	font-weight: normal!important;
}
.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 0!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>

...

HTML
<script>
AJS.toInit(function(){


	document.getElementById('mentor-tagline').innerHTML = document.getElementById('mentor-tagline').innerHTML.substring(2).substring(0,document.getElementById('mentor-tagline').innerHTML.length-4);
	document.getElementById('profile_header_text').innerHTML = document.getElementById('mentor-name').innerHTML;
});
</script>