Page Wrapper Editor
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.
Comments
-
Hey Laura,
Do you have the code to post so we can help you?
Thanks,
Phil0 -
Hello Philip,
I don't know code. I only know what I want to be changed.
-Laura0 -
Can I copy the code that is already there and change some of it?
1 -
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
0 -
Yep. That is how to do it. You should keep an original version of the code just in case.
0 -
Yes, that is what I did. But when I made changes I lost the background image. I want to keep the background image.0
-
Can you paste the new code you have so I can look at it?
Thanks,
Phil0 -
<!--[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"> </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"> </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"> </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 | Phone: (509) 662-3531 | | EIN: 91-0721056 | <a href="mailto:info@ywcancw.org">info@ywcancw.org</a></p>
<div class="copyright">© <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>0 -
Can you tell me which page the image isn't appearing on? And which image it is?
0 -
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.0
-
I'm about to leave for the day. Can we work on this more tomorrow? I really appreciate you helping with this!0
-
Hi Philip, Do you see any errors in the code?
0 -
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,
Phil0 -
It looked like that made a thumbnail for the image but didn't create a background image.0
-
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>
0 -
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!
0
Categories
- All Categories
- 6 Blackbaud Community Help
- 211 bbcon®
- 1.4K Blackbaud Altru®
- 402 Blackbaud Award Management™ and Blackbaud Stewardship Management™
- 1.1K Blackbaud CRM™ and Blackbaud Internet Solutions™
- 15 donorCentrics®
- 360 Blackbaud eTapestry®
- 2.6K Blackbaud Financial Edge NXT®
- 655 Blackbaud Grantmaking™
- 576 Blackbaud Education Management Solutions for Higher Education
- 3.2K Blackbaud Education Management Solutions for K-12 Schools
- 940 Blackbaud Luminate Online® and Blackbaud TeamRaiser®
- 84 JustGiving® from Blackbaud®
- 6.7K Blackbaud Raiser's Edge NXT®
- 3.7K SKY Developer
- 248 ResearchPoint™
- 120 Blackbaud Tuition Management™
- 165 Organizational Best Practices
- 240 Member Lounge (Just for Fun)
- 34 Blackbaud Community Challenges
- 37 PowerUp Challenges
- 3 (Open) PowerUp Challenge: Grid View Batch
- 3 (Closed) PowerUp Challenge: Chat for Blackbaud AI
- 3 (Closed) PowerUp Challenge: Data Health
- 3 (Closed) Raiser's Edge NXT PowerUp Challenge: Product Update Briefing
- 3 (Closed) Raiser's Edge NXT PowerUp Challenge: Standard Reports+
- 3 (Closed) Raiser's Edge NXT PowerUp Challenge: Email Marketing
- 3 (Closed) Raiser's Edge NXT PowerUp Challenge: Gift Management
- 4 (Closed) Raiser's Edge NXT PowerUp Challenge: Event Management
- 3 (Closed) Raiser's Edge NXT PowerUp Challenge: Home Page
- 4 (Closed) Raiser's Edge NXT PowerUp Challenge: Standard Reports
- 4 (Closed) Raiser's Edge NXT PowerUp Challenge: Query
- 796 Community News
- 3K Jobs Board
- 54 Blackbaud SKY® Reporting Announcements
- 47 Blackbaud CRM Higher Ed Product Advisory Group (HE PAG)
- 19 Blackbaud CRM Product Advisory Group (BBCRM PAG)

