Page Wrapper Editor

Options

Hello, Does anyone know how to edit content in the page wrapper? I am losing the background image when I try to do so. Not sure how to make the updates I need.

Tagged:

Comments

  • Hey Laura,


    Do you have the code to post so we can help you?


    Thanks,


    Phil
  • Hello Philip,


    I don't know code. I only know what I want to be changed.


    -Laura
  • Can I copy the code that is already there and change some of it?

  • So to edit a PageWrapper (PW), login to Luminate (LO) and go to Setup -> Page Wrapper Editor.


    Then find the PW you want to edit.


    In the Actions column click Manage Versions.


    In the Actions column on the Manage Versions page, click Edit.


    Then go to Step 4. HTML Body. That will show the code.


    Thanks,


    Phil


  • Yep. That is how to do it. You should keep an original version of the code just in case.

  • Yes, that is what I did. But when I made changes I lost the background image. I want to keep the background image.
  • Can you paste the new code you have so I can look at it?


    Thanks,


    Phil
  • <!--[if lt IE 9]>

    <div class="alert alert-warning">

    You are using an <strong>outdated</strong> browser. Please <a href="//browsehappy.com/">upgrade your browser</a> to improve your experience. </div>

    <![endif]-->

    <div id="bbi-wrapper" class=" row-offcanvas row-offcanvas-right">

    <div class="container-mid">

    <div class="row">

    <div class="bbi-logo-wrap col-sm-3"><!-- UPDATE YWCA ASSOCIATION HREF --> <a class="bbi-logo" href="https://www.ywcancw.org/"> <img class="main-logo primary-logo" style="max-width: 90px;" src="../turbo-themes/pagewrapper/wp-content/uploads/logo.png" alt="Main Logo Image" /> </a></div>

    <div class="bbi-header-right"><button id="bbi-hamburger" class="visible-xs visible-sm" data-target="#navbar" data-toggle="offcanvas"> MENU </button>

    <div id="navbar" class="bbi-mobile-menu navbar-offcanvas pull-right"><button id="bbi-close" class="visible-xs visible-sm" data-target="#navbar" data-toggle="offcanvas"> CLOSE </button> <!-- UPDATE YWCA ASSOCATION HREF -->

    <ul id="menu-primary-navigation" class="bbi-nav">

    <li id="menu-item-4477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4477"><a href="https://www.ywcancw.org/">Back to Home</a></li>

    </ul>

    <div class="bbi-utility-wrap">

    <div class="hidden-xs hidden-sm"><!-- START GOOGLE TRANSLATE -->

    <div id="google_translate_element">&nbsp;</div>

    <script type="text/javascript">// <![CDATA[

    function googleTranslateElementInit(){new google.translate.TranslateElement({pageLanguage:'en',layout:google.translate.TranslateElement.InlineLayout.SIMPLE},'google_translate_element');}

    // ]]></script>

    <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>

    <!-- END GOOGLE TRANSLATE --></div>

    <!-- UTILITY NAV REUSABLE -->

    <ul class="bbi-nav">[[?x1x9x1009x1022x1044x1046x::x[[S4]]x::

    <li class="item with-title"><a class="association" href="#" data-toggle="modal" data-target="#loginModal"> <em class="fa fa-lock"></em> <span>Login</span> </a></li>

    ::]]

    <li class="item with-title"><a class="association" href="../ywca-map"> <em class="fa fa-map-marker"></em> <span>Find Your YWCA</span> </a></li>

    <li class="item with-title"><a class="escape" href="http://#"> <em class="fa fa-sign-out"></em> <span>Quick Escape</span> </a></li>

    </ul>

    </div>

    </div>

    </div>

    </div>

    </div>

    <div class="container-mid">&nbsp;</div>

    <div class="container-fluid">

    <div class="jfont-cont"><a id="jfontsize-minus" class="jfontsize-button" href="#">A-</a> <a id="jfontsize-default" class="jfontsize-button" href="#">A</a> <a id="jfontsize-plus" class="jfontsize-button" href="#">A+</a></div>

    </div>

    <div class="container-fluid">

    <div class="row bbi-main-row"><convio:session name="63" param="1"></convio:session></div>

    </div>

    <div class="bbi-footer-wrap">

    <div class="container-mid">

    <div class="row primary-footer">&nbsp;</div>

    <div class="row secondary-footer">

    <div class="bbi-logo-wrap col-sm-2"><img class="footer-logo secondary-logo" style="max-width: 90px;" src="../turbo-themes/pagewrapper/wp-content/uploads/footer-logo.png" alt="Footer Logo Image" /></div>

    <div class="bbi-footer-col col-sm-10"><!-- UPDATE YWCA ASSOCATION CONTACT INFO -->

    <p>212 First Street Wenatchee, WA 98801 &nbsp; |&nbsp; Phone: (509) 662-3531&nbsp; |&nbsp; |&nbsp; EIN: 91-0721056&nbsp; |&nbsp; <a href="mailto:info@ywcancw.org">info@ywcancw.org</a></p>

    <div class="copyright">&copy; <convio:session name="9" param="pattern:yyyy"></convio:session> YWCA North Central Washington, <span>All Rights Reserved.</span></div>

    <!-- UPDATE YWCA PRIVACY POLICY HREF -->

    <ul id="menu-footer-admin" class="bbi-nav">

    <li id="menu-item-3406" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3406"><a href="https://www.ywcancw.org/privacy-policy/">Privacy Policy</a></li>

    </ul>

    </div>

    </div>

    </div>

    </div>

    [[?x1x9x1009x1022x1044x1046x::x[[S4]]x:: <!--MODAL--> [[S51:pagewrapper/reus_modal_pagewrapper]] ::]]</div>

    <!-- JAVASCRIPT REUSABLE --> <convio:session name="51" param="pagewrapper/reus_javascript_pagewrapper"></convio:session>
  • Can you tell me which page the image isn't appearing on? And which image it is?

  • The donation page to our website. The footer image is the same throughout the entire website. The image is of women standing in a row, arms around each others waits, you can see the back of them.
  • I'm about to leave for the day. Can we work on this more tomorrow? I really appreciate you helping with this!
  • Hi Philip, Do you see any errors in the code?

  • Hey Laura,


    Try removing the turbo-themes/pagewrapper reference. So on this line:


    <div class="bbi-logo-wrap col-sm-2"><img class="footer-logo secondary-logo" style="max-width: 90px;" src="../turbo-themes/pagewrapper/wp-content/uploads/footer-logo.png" alt="Footer Logo Image" /></div>


    Update to:


    <div class="bbi-logo-wrap col-sm-2"><img class="footer-logo secondary-logo" style="max-width: 90px;" src="../wp-content/uploads/sites/21/footer-bg.jpg" alt="Footer Logo Image" /></div>


    Let me know how it goes,


    Phil
  • It looked like that made a thumbnail for the image but didn't create a background image.
  • Try this:

    <div class="bbi-logo-wrap col-sm-2"><img class="footer-logo secondary-logo" src="../wp-content/uploads/sites/21/footer-bg.jpg" alt="Footer Logo Image" /></div>

  • Hey Laura,

    When editing code in Luminate, I recommend turning off the WYSIWYG editor, to do that, click on your name on the top right corner, then uncheck the WYSIWYG box in the popup.

    If you need a new background, you could try the code from this page.

    Hope it works!

Categories