We just built out our Teamraiser event. I am having trouble getting the secondary pages to be responsive
I am using page building for our secondary pages. The wrapper is responsive, but within page building we added a banner so it would look like it's part of the pagewrapper.. Does anyone know how I would make these pages responsive? I would appreciate any help I can get.
thank you,
Patti Posey - Stamford Hospital Foundation
Comments
-
@Patti Posey
Hello Patti ?.While the wrapper is responsive, the image needs styling to tell it to be responsive and it looks like the way it was added to your pages is setting the width and height.
Here's what you have on the page:
<img src="../images/content/pagebuilder/HIM_banner_secondary_pages_1114.jpg" border="0" alt="HIM secondary banner" width="1130" height="339">
Ideally, you'd fix it globally so you don't always have to apply the styling, but you can just replace the above with this and you will be in better shape:
<img src="../images/content/pagebuilder/HIM_banner_secondary_pages_1114.jpg" border="0" alt="HIM secondary banner" style="display: block;width: 100%;">
Hilary
1 -
@Hilary Engelbrecht
Thank Hilary! Hope all is well with you.0 -
@Hilary Engelbrecht This works except it won't allow me to link it to the registration page. Everytime I add the link the image disappears. Any suggestions? https://support.stamfordhospitalfoundation.org/site/TRR?pg=tfind&fr_id=1180&fr_tm_opt=new
This is the link I am using
0 -
Hey there, @Hilary Engelbrecht
If you're on the Plain Text Editor of the content editor, you can do it this way:
<a href="https://support.stamfordhospitalfoundation.org/site/TRR?pg=tfind&fr_id=1180&fr_tm_opt=new" target="_self"><img src="../images/content/pagebuilder/HIM_banner_secondary_pages_1114.jpg" border="0" alt="HIM secondary banner" style="display: block;width: 100%;"></a>
The a tag wraps around the image in the HTML to tell the browser that the image is linked. Then, you would save the page without going back to the WYSIWYG side of the content editor. This should then hold the link on the image.
I hope you find this information helpful.
0
Categories
- All Categories
- 6 Blackbaud Community Help
- 206 bbcon®
- 1.4K Blackbaud Altru®
- 394 Blackbaud Award Management™ and Blackbaud Stewardship Management™
- 1.1K Blackbaud CRM™ and Blackbaud Internet Solutions™
- 15 donorCentrics®
- 357 Blackbaud eTapestry®
- 2.5K Blackbaud Financial Edge NXT®
- 646 Blackbaud Grantmaking™
- 561 Blackbaud Education Management Solutions for Higher Education
- 3.2K Blackbaud Education Management Solutions for K-12 Schools
- 934 Blackbaud Luminate Online® and Blackbaud TeamRaiser®
- 84 JustGiving® from Blackbaud®
- 6.4K Blackbaud Raiser's Edge NXT®
- 3.6K SKY Developer
- 242 ResearchPoint™
- 117 Blackbaud Tuition Management™
- 165 Organizational Best Practices
- 238 The Tap (Just for Fun)
- 33 Blackbaud Community Challenges
- 28 PowerUp Challenges
- 3 (Open) 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
- 777 Community News
- 2.9K Jobs Board
- 53 Blackbaud SKY® Reporting Announcements
- 47 Blackbaud CRM Higher Ed Product Advisory Group (HE PAG)
- 19 Blackbaud CRM Product Advisory Group (BBCRM PAG)

