•  · 45 friends

Splash page

Ok, so i would like to know from what line to what line "if possible" can i remove to eliminate the profile photos of people's face's. My plan with the site is different, below is the whole code for the page...

 

<style>
/*--- General ---*/

@media (max-width:1024px) {
-footer-wrapper,
-menu-main-bar-wrapper,
-toolbar {
display:none;
}
html -content-wrapper {
border:none;
padding-bottom:0;
}
}

-content-wrapper {
padding-top: 0px;
padding-bottom: 4rem;
}

.bx-page-wrapper,
-content-container,
-content-main {
width: 100%;
margin: 0px;
padding: 0px;
}

/*--- Splash ---*/

.bx-splash {
position: relative;
}

.bx-spl-preload {
position: absolute;

top: 0px;
left: 0px;
width: 1px;
height: 1px;

overflow: hidden;
}

.bx-spl-slide {
position: relative;
display: block;

overflow: hidden;
}

.bx-spl-bg {
position: relative;

width: 100%;
height: 100%;
}

.bx-spl-container {
position: relative;

top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.bx-spl-content {
position: relative;
width:100%;
}

.bx-spl-slide .bx-spl-content h1 {
font-size: 2.25rem;
}

.bx-spl-slide .bx-spl-content h3 {
font-size: 1.5rem;
}

.bx-spl-white-text-all * {
color: ;
}

/*--- Join button ---*/

.bx-spl-join,
.bx-spl-join {
display: inline-block;
border-color: ;
}
.bx-spl-join a,
.bx-spl-join a {
display: block;
padding-left: 3.75rem;
padding-right: 3.75rem;
text-decoration: none;
}

/*--- Slides ---*/

-spl-slide01 .bx-spl-container,
-spl-slide03 .bx-spl-container {
position: absolute;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
-spl-slide01 .bx-spl-content,
-spl-slide03 .bx-spl-content {
text-align: center;
text-shadow: 0px 0px 0.25rem ;
}
-spl-slide02 .bx-spl-content h3,
-spl-slide04 .bx-spl-content h3 {
text-align: center;
}

/*--- Slide 1 ---*/

-spl-slide01 {
width:100%;
height:100vh;
}
-spl-slide01 .bx-spl-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
-spl-slide01 .bx-spl-slide-video {
object-fit: cover;

width: 100%;
height: 100vh;
}

/*--- Slide 2 ---*/

-spl-slide02 .bx-spl-bg {
background-color: ;
height: 35vw;
max-height:400px;
}
-spl-slide02 .bx-spl-image {
position: absolute;
width: 60%;
height: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
-spl-slide02 .bx-spl-content {
position: absolute;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
display: flex;
align-items: center;
justify-content: center;

top: 0px;
right: 0px;
width: 40%;
height: 100%;
}
@media (max-width:720px) {
-spl-slide02.bx-spl-slide .bx-spl-content h3 {
font-size: 0.8rem;
}
}

/*--- Slide 3 ---*/

-spl-slide03 {
width:100%;
height:150vh;
}
-spl-slide03 .bx-spl-bg {
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
background-size:100%;
}

/*--- Slide 4 ---*/

-spl-slide04 {
width:100%;
height:100vh;
}
-spl-slide04 .bx-spl-bg {
background-color:;
}
-spl-slide04 .bx-spl-container {
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
-spl-slide04 .bx-spl-content {
width: 50%;
}
@media (max-width:720px) {
-spl-slide04 .bx-spl-content {
width: 90%;
}
}
-spl-slide04 .bx-spl-content h3 {
margin-top: 0px;
margin-bottom: 2rem;
}
</style>
<div id="skrollr-body" class="bx-splash bx-def-color-bg-page">
<div id="bx-spl-preload" class="bx-spl-preload">
<img src="<bx_image_url:cover01.jpg />">
<img src="<bx_image_url:cover02.jpg />">
<img src="<bx_image_url:cover03.jpg />">
</div>

<div id="bx-spl-slide01" class="bx-spl-slide">
<div class="bx-spl-bg" style="background-image:url(<bx_image_url:cover01.jpg />);">
<video class="bx-spl-slide-video bx-def-media-phone-hide bx-def-media-tablet-hide" poster="<bx_image_url:cover01.jpg />" loop autoplay muted>
<source src="<bx_image_url:cover01.mp4 />" type="video/mp4">
<source src="<bx_image_url:cover01.webm />" type="video/webm">
</video>
</div>
<div class="bx-spl-container">
<div class="bx-spl-content bx-spl-white-text-all" data-anchor-target="-spl-slide01 .bx-spl-bg" data-top="opacity:1" data-top-center="opacity:0">
<h1 class="bx-def-font-semibold"><bx_text:_sys_txt_splash_slide01_title /></h1>
<h3 class="bx-def-font-normal"><bx_text:_sys_txt_splash_slide01_desc /></h3>
<div class="bx-spl-join bx-def-margin-topbottom bx-def-border bx-def-round-corners">
<a class="bx-def-padding-sec-topbottom bx-def-font-h3 bx-def-font-normal" href="__join_link__"><bx_text:_sys_txt_splash_btn_join /></a>
</div>
</div>
</div>
</div>

<div id="bx-spl-slide02" class="bx-spl-slide">
<div class="bx-spl-bg">
<div class="bx-spl-container">
<div class="bx-spl-image" style="background-image:url(<bx_image_url:cover02.jpg />);" data-bottom-top="bottom:-100%;" data-100-center-center="bottom:0%;"></div>
<div class="bx-spl-content" data-bottom-top="right:-50%;" data-100-center-center="right:0%;">
<h3 class="bx-def-font-normal"><bx_text:_sys_txt_splash_slide02_txt /></h3>
</div>
</div>
</div>
</div>

<div id="bx-spl-slide03" class="bx-spl-slide">
<div class="bx-spl-bg" style="background-image:url(<bx_image_url:cover03.jpg />)"></div>
<div class="bx-spl-container">
<div class="bx-spl-content bx-spl-white-text-all">
<h3 class="bx-def-font-normal"><bx_text:_sys_txt_splash_slide03_txt /></h3>
<div class="bx-spl-join bx-def-margin-topbottom bx-def-border bx-def-round-corners">
<a class="bx-def-padding-sec-topbottom bx-def-font-h3 bx-def-font-normal" href="__join_link__"><bx_text:_sys_txt_splash_btn_join /></a>
</div>
</div>
</div>
</div>
<div id="bx-spl-slide04" class="bx-spl-slide">
<div class="bx-spl-bg">
<div class="bx-spl-container" data-anchor-target="-spl-slide03 .bx-spl-bg" data-100-center-bottom="opacity:0; transform:scale(0.7,0.7);" data-200-end="opacity:1; transform:scale(1,1);">
<div class="bx-spl-content">
<h3 class="bx-def-font-normal"><bx_text:_sys_txt_splash_slide04_txt /></h3>
<div class="bx-spl-login">__login_form__</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {

// workaround for iOS 7
if (!!navigator.userAgent.match(/i(Pad|Phone|Pod).+(Version\/7\.\d+ Mobile)/i)) {
var aSelVh = {
'1': '-spl-slide01, -spl-slide01 .bx-spl-slide-video, -spl-slide04',
'1.5': '-spl-slide03'
};
var aSelVw = {
'0.35': '-spl-slide02 .bx-spl-bg'
};
function fixMobileSafariViewport() {
$.each(aSelVh, function (sVal, sSel) {
$(sSel).css('height', window.innerHeight * parseFloat(sVal));
});
$.each(aSelVw, function (sVal, sSel) {
$(sSel).css('height', window.innerWidth * parseFloat(sVal));
});
}
// listen to portrait/landscape changes
window.addEventListener('orientationchange', fixMobileSafariViewport, true);
fixMobileSafariViewport();
}

skrollr.init();
});
</script>
</div>

0 0 0 0 0 0
  • 536
Replies (3)
  • Anyone?

    0 0 0 0 0 0
    • Please could you describe in more details what you want to achieve ? If possible with screenshots.

      0 0 0 0 0 0
      • Alex T, it's the splash page that i'm referring to.

        0 0 0 0 0 0
        Not logged in users can't 'Comments Post'.
        3
        1
        Added:
        Category:

        UNA - Social Media Software Framework

        Close