Community Forums

Thanks Mirela.

I managed to make the change, but now the final two portfolio items (which were previously on the second page), are not showing on the first page and nor is there an option to scroll through to page two.

In this image is the order of items in the Re-order app, you can see the two that are missing at the end.

https://ibb.co/P5XbsXN

Any suggestions?

Hi Mirela

Here are two images taken from what I see when I view the HOME page in Codeless Builder.

https://imgur.com/6J7nhfc – this is the top section above the portfolio that reads in the front end; “We represent hotels and resorts worldwide…”

https://imgur.com/4XYyqZK –  this is the section beneath the portfolio that reads “Get in touch…”

Hopefully you can see what I mean from this!

Thanks

Paul

Hi Mirela

When I select to edit the Home Page in Codeless Builder, all I can at the top is ‘Type your text’. Where is the text that is actually on the home page?

 
<h2 id=”cl_custom_heading_5cb4a3a0072b47-24630473″ class=”cl-custom-heading cl-element custom_font h1″ style=”box-sizing: border-box; line-height: 48px; margin-top: 35px; margin-bottom: 0px; font-family: Poppins, Helvetica, Arial, sans-serif; border-width: 0px; font-size: 38px; font-weight: 300; color: #ffffff; background-color: rgba(5, 5, 40, 0.9); border-style: solid;”><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”><strong style=”box-sizing: border-box;”>We represent hotels and resorts worldwide, for events and incentives up to 1,000 people.</span></span><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>Discover our partners and plan your next event.</span></span></h2>
 

It looks as if there is some text or code being concealed by the side bar in the admin page? like below.

The issue also appears to be affecting the following section of the homepage, the appearance of which does not correspond in the codeless builder.

If you log into edit the homepge on codeless builder you should see that it looks very different to what the homepage actually looks like.
<h2 id=”cl_custom_heading_5cb4a3a01121c5-67095178″ class=”cl-custom-heading cl-element custom_font h1″ style=”box-sizing: border-box; line-height: 48px; margin-top: 35px; margin-bottom: 0px; font-family: Poppins, Helvetica, Arial, sans-serif; border-width: 0px; font-size: 38px; font-weight: 300; color: #ffffff; text-align: center; background-color: rgba(5, 5, 40, 0.9); border-style: solid;”><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>Get in touch</span></span></h2>
<h2 id=”cl_custom_heading_5cb4a3a01136e3-28081395″ class=”cl-custom-heading cl-element custom_font h2″ style=”box-sizing: border-box; line-height: 30px; margin-top: 10px; margin-bottom: 35px; font-family: Poppins, Helvetica, Arial, sans-serif; border-width: 0px; font-size: 20px; font-weight: 400; color: #ffffff; text-align: center; background-color: rgba(5, 5, 40, 0.9); border-style: solid;”><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>Amplified Hotels Limited</span></span><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>Unit 5, 5 Eastfields Avenue</span></span><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>London SW15 1PD</span></span><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>+44 (0)208 133 1232</span></span><span style=”box-sizing: border-box; display: block;”><span style=”box-sizing: border-box;”>[email protected]</span></span></h2>
 
<div class=”header_container header-top menu_style-simple menu-full-style cl-header-light” style=”box-sizing: border-box; background-repeat: no-repeat; background-position: left top; border-width: 0px; color: #ffffff; font-family: ‘Source Sans Pro’, Helvetica, Arial, sans-serif; font-size: 18px; background-color: rgba(5, 5, 40, 0.9);”>
<div class=”main header-row” style=”box-sizing: border-box; background-repeat: no-repeat; background-position: left top; border-width: 0px; border-style: solid; border-color: rgba(235, 235, 235, 0.17); width: 1125px; height: 141px; line-height: 141px;” data-row=”main”>
<div class=”header-row-inner container” style=”box-sizing: border-box; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 970px; display: flex; height: inherit; align-items: center;”>
<div class=”c-right header-col ui-sortable” style=”box-sizing: border-box; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px 1px; transition: outline-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s; border-width: 1px 0px 1px 1px; border-style: dashed; border-color: rgba(128, 128, 128, 0.25); border-image: initial; display: flex; height: 141px; min-height: 100%; position: relative; flex-grow: 1; -webkit-box-align: center; -webkit-box-flex: 1; justify-content: flex-end; -webkit-box-pack: end;” data-col=”right”>
<div id=”h_el_688ebeea-7803″ class=”header-el cl-h-cl_header_menu cl_cl_header_menu” style=”box-sizing: border-box; position: relative; min-width: 24px; display: flex; align-items: center; margin-right: 60px;” data-model-id=”688ebeea-7803″ data-type=”cl_header_menu”>
<div class=”cl-half-overlay-menu cl-overlay-menu light-text” style=”box-sizing: border-box; position: fixed; width: 225px; height: 688px; top: 0px; left: 0px; z-index: 99999; transition: opacity 0.3s ease 0s, transform 0.6s ease 0s; transform: translateX(-100%); background-color: rgba(32, 17, 50, 0.94);”>
<div class=”wrapper” style=”box-sizing: border-box; display: table; width: 296px; height: 688px;”>
<div class=”inner-wrapper” style=”box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: center;”>
<div id=”navigation” class=”vertical-menu” style=”box-sizing: border-box; float: left; width: 296px; height: auto;”><nav class=”cl-dropdown-inline” style=”box-sizing: border-box; float: left; width: 296px;”>
<ul id=”menu-main-menu-2-0″ class=”menu codeless_megemenu” style=”box-sizing: border-box; float: left; padding: 0px; margin: 0px; list-style: none; width: 296px;”>
<li id=”menu-item-1205″ class=”menu-item menu-item-type-post_type menu-item-object-page bottom-t-top animate_on_visible start_animation” style=”box-sizing: border-box; float: left; display: inline-block; position: relative; height: auto; padding: 13px; width: 296px; line-height: normal; animation-duration: 0.5s; animation-name: anim_btt; opacity: 1;” data-bg=”” data-delay=”300″ data-speed=”500″>o
<li id=”menu-item-1156″ class=”menu-item menu-item-type-post_type menu-item-object-page bottom-t-top animate_on_visible start_animation” style=”box-sizing: border-box; float: left; display: inline-block; position: relative; height: auto; padding: 13px; width: 296px; line-height: normal; animation-duration: 0.5s; animation-name: anim_btt; opacity: 1;” data-bg=”” data-delay=”400″ data-speed=”500″>Testimonials
<li id=”menu-item-1234″ class=”menu-item menu-item-type-post_type menu-item-object-page bottom-t-top animate_on_visible start_animation” style=”box-sizing: border-box; float: left; display: inline-block; position: relative; height: auto; padding: 13px; width: 296px; line-height: normal; animation-duration: 0.5s; animation-name: anim_btt; opacity: 1;” data-bg=”” data-delay=”500″ data-speed=”500″>Contact Us

</nav></div>
</div>
</div>
</div>
<div class=”cl_controls” style=”box-sizing: border-box; width: 100px; position: absolute; left: 0px; top: 69.5px; margin-top: -15px; z-index: 99999; height: 30px; opacity: 1; transition: opacity 0.1s ease-in-out 0s; transform: translateY(0px); will-change: transform;”>
<div class=”cl_controls-out” style=”box-sizing: border-box; z-index: 2147483647;”>MENU<i class=”cl-builder-icon-trash2″ style=”box-sizing: border-box; font-size: 11px; line-height: 24px;”></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id=”site_content” class=”” style=”box-sizing: border-box;”>
<div id=”content” class=”cl-layout-fullwidth cl-content-builder ui-sortable” style=”box-sizing: border-box; position: relative;”>
<div class=”add-element-prepend app-prepend” style=”box-sizing: border-box; width: 1125px; height: 5px; position: absolute; opacity: 1; background: rgba(0, 0, 0, 0); left: 0px; top: 0px; transition: background-color 0.2s ease-in-out 0s; z-index: 999999999; cursor: pointer;”></div>
<div id=”clr_537740d1d4c51cb6e2d21f219c46b7b8″ class=”cl_element cl_cl_row cl_container-block cl_root-element ui-droppable” style=”box-sizing: border-box; position: relative; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px 1px; transition: opacity 0.2s ease-in-out 0s; opacity: 1;” data-tag=”cl_row” data-shortcode-controls=”["edit","clone","delete"]” data-model-id=”537740d1d4c51cb6e2d21f219c46b7b8″>
<div id=”cl_row_5cb4a35097ab17-62835208″ class=”cl-row cl-element light-text ” style=”box-sizing: border-box; transition: color 0.1s ease-in-out 0s; margin-left: 0px; margin-right: 0px; float: none; width: 1125px; clear: both; position: relative; background-repeat: no-repeat; background-position: left top; border-width: 0px; z-index: 99; padding-top: 45px; padding-bottom: 35px; border-style: solid; background-size: cover !important;”>
<div class=”video-section social-video” style=”box-sizing: border-box; top: 0px; left: 0px; width: 1125px; overflow: hidden; height: 443px; position: absolute; min-height: 100%; z-index: 2; transform-style: preserve-3d; opacity: 0;” data-stream=”none”></div>
<div class=”bg-layer ” style=”box-sizing: border-box; position: absolute; top: 0px; left: 0px; height: 443px; width: 1125px; backface-visibility: hidden; perspective: 1000px; transform: translateZ(0px);” data-parallax-config=”{ "speed": 0.3 }”></div>
<div class=”overlay ” style=”box-sizing: border-box; transition: opacity 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; position: absolute; top: 0px; left: 0px; width: 1125px; height: 443px; z-index: 99;”></div>
<div class=”container container-content” style=”box-sizing: border-box; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 970px; z-index: 999; position: relative;”>
<div class=”row cl_row-sortable cl-col-tablet-none ui-sortable” style=”box-sizing: border-box; margin-left: -15px; margin-right: -15px;”>
<div id=”clr_664dc4b061558afb42938391fac5aa97″ class=”cl_element cl_cl_column cl_container-block col-sm-12 ui-sortable” style=”box-sizing: border-box; position: relative; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px 1px; transition: opacity 0.2s ease-in-out 0s; padding-left: 15px; padding-right: 15px; opacity: 1; min-height: 1px; float: left; width: 970px;” data-tag=”cl_column” data-shortcode-controls=”["edit","clone","delete"]” data-model-id=”664dc4b061558afb42938391fac5aa97″>
<div id=”cl_column_5cb4a35097cbe6-61152512″ class=”cl-element cl_column align-h-left align-v-top effect-none dark-text” style=”box-sizing: border-box; min-height: 40px; padding-left: 15px; padding-right: 15px; width: 970px; margin-top: 0px !important;”></div>
<div id=”clr_3af3ac25c08f8b3f5ec7049d64799966″ class=”cl_element cl_cl_custom_heading” style=”box-sizing: border-box; position: relative; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px 1px; transition: opacity 0.2s ease-in-out 0s; opacity: 1;” data-tag=”cl_custom_heading” data-shortcode-controls=”["edit","clone","delete"]” data-model-id=”3af3ac25c08f8b3f5ec7049d64799966″>
<h2 id=”cl_custom_heading_5cb4a35097df41-48955411″ class=”cl-custom-heading cl-element custom_font h1 medium-editor-element medium-editor-placeholder” style=”box-sizing: border-box; line-height: 48px; margin-top: 35px; margin-bottom: 0px; font-family: Poppins, Helvetica, Arial, sans-serif; position: relative; overflow-wrap: break-word; min-height: 20px; border-width: 0px; font-size: 38px; font-weight: 300; letter-spacing: 0px; border-style: solid;” spellcheck=”true” data-medium-editor-element=”true” data-medium-editor-editor-index=”1″ data-placeholder=”Type your text”></h2>
<div class=”cl_controls-default cl_controls” style=”box-sizing: border-box; position: absolute; left: auto; top: 0px !important; z-index: -1; height: 24px; opacity: 0; transition: opacity 0.1s ease-in-out 0s; transform: translate3d(0px, 0px, 0px); will-change: transform; right: 24px;”>
<div class=”cl_controls-out” style=”box-sizing: border-box; float: left; z-index: 9999; height: 24px;”>CUSTOM HEADING</div>
</div>
</div>
<div id=”clr_aa0f0dcc0b1030a108bb5ad706ed014f” class=”cl_element cl_cl_row cl_container-block cl_root-element ui-droppable” style=”box-sizing: border-box; position: relative; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px 1px; transition: opacity 0.2s ease-in-out 0s; opacity: 1;” data-tag=”cl_row” data-shortcode-controls=”["edit","clone","delete"]” data-model-id=”aa0f0dcc0b1030a108bb5ad706ed014f”>
<div id=”cl_row_5cb4a35097f4e4-74105233″ class=”cl-row cl-element dark-text ” style=”box-sizing: border-box; transition: color 0.1s ease-in-out 0s; margin-left: 0px; margin-right: 0px; float: none; width: 970px; clear: both; position: relative; background-repeat: no-repeat; background-position: left top; border-width: 0px; background-size: cover !important; z-index: 99; padding-top: 45px; padding-bottom: 45px; border-style: solid;”></div>
<div class=”cl_controls-cl_row cl_controls” style=”box-sizing: border-box; position: absolute; left: 0px; top: 20px !important; z-index: 0; height: 24px; opacity: 0; transition: opacity 0.1s ease-in-out 0s, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s; transform: translateY(15px); will-change: transform;”>
<div class=”cl_controls-out” style=”box-sizing: border-box; float: left; z-index: 9999; height: 24px;”>ROW</div>
<div class=”cl_control-columns” style=”box-sizing: border-box; border-top: 1px solid #ffffff; height: 30px; background: #dcdcdc; opacity: 0; position: absolute; top: 24px; width: 400px; left: 0px; transition: opacity 0.1s ease-in-out 0s; visibility: hidden;”></div>
</div>
</div>
<div class=”cl_controls-cl_column cl_controls” style=”box-sizing: border-box; position: absolute; left: auto !important; top: 0px !important; z-index: -1; height: 24px; opacity: 0; transition: opacity 0.1s ease-in-out 0s; transform: translate3d(0px, 0px, 0px); will-change: transform; right: 0px; cursor: pointer;”></div>
<div class=”add-element-prepend” style=”box-sizing: border-box; width: 970px; height: 1px; position: absolute; opacity: 1; background: rgba(0, 0, 0, 0); left: 0px; top: 0px; transition: background-color 0.2s ease-in-out 0s; z-index: 99999; cursor: pointer;”></div>
<div class=”add-element-append” style=”box-sizing: border-box; width: 970px; height: 1px; position: absolute; opacity: 1; background: rgba(0, 0, 0, 0); left: 0px; top: auto; transition: background-color 0.2s ease-in-out 0s; z-index: 99999; cursor: pointer; bottom: 0px;”></div>
</div>
</div>
</div>
<div id=”clr_b6ed9d0ddcb23ff9c1710eccc345b029″ class=”cl_element cl_cl_column cl_container-block col-sm-12″ style=”box-sizing: border-box; position: relative; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px 1px; transition: opacity 0.2s ease-in-out 0s; padding-left: 15px; padding-right: 15px; opacity: 1; min-height: 1px; float: left; width: 1125px;” data-tag=”cl_column” data-shortcode-controls=”["edit","clone","delete"]” data-model-id=”b6ed9d0ddcb23ff9c1710eccc345b029″></div>
<div id=”clr_e63075fe18cabf7825645ab8a0ca60e6″ class=”cl_element cl_cl_text” style=”box-sizing: border-box; position: relative; outline: rgba(128, 128, 128, 0) dashed 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px 1px; transition: opacity 0.2s ease-in-out 0s; opacity: 1;” data-tag=”cl_text” data-shortcode-controls=”["edit","clone","delete"]” data-model-id=”e63075fe18cabf7825645ab8a0ca60e6″>
<div id=”cl_text_5cb4a350981b8″ class=”cl-text cl-element medium-editor-element medium-editor-placeholder” style=”box-sizing: border-box; position: relative; overflow-wrap: break-word; min-height: 40px; margin-top: 35px;” spellcheck=”true” data-medium-editor-element=”true” data-medium-editor-editor-index=”2″ data-placeholder=”Type your text”></div>
<div class=”cl_controls-default cl_controls” style=”box-sizing: border-box; position: absolute; left: auto; top: 0px !important; z-index: -1; height: 24px; opacity: 0; transition: opacity 0.1s ease-in-out 0s; transform: translate3d(0px, 0px, 0px); will-change: transform; right: 24px;”>
<div class=”cl_controls-out” style=”box-sizing: border-box; float: left; z-index: 9999; height: 24px;”>TEXT</div>
</div>
</div>
[/cl_column]</div>
[/cl_row]</div>
</div>
</section>

Thanks Mihaila, that has worked.