Hi Mirela

Thanks. Following your advice I have identified that it was the plugin ‘WP Notifications Bar’ that was causing the conflict. Now that I have deleted it, it seems mostly resolved.

However please take a look at the HomePage in codeless builder – I think something is wrong here. What is the issue?

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>

Hi Mirela

Sorry but the issue is not resolved.

The problem I am referring to is on the Home Page, not the ‘About Us’ Page. The images you sent me in your last reply are the ‘About Us’ page.

When I view the Home Page in Codeless builder, all I see is ‘Type your Text’. I don’t see the text that actually appears on the front end.

Unfortunately I don’t know how to send you an image. It would be helpful if there was an option to attach an image.

Do you have an email I can reach you on instead?

Thanks,

Paul

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