Jump to content

Please help me expand width of code block

Go to solution Solved by Ziggy,

Recommended Posts

I injected code following directions from Community Box. The code block is functional, but the width is not matching the width of the screen. I've tried utilizing CSS from various threads with no luck.

Here's what I've put in the Design > CSS

div#block-yui_3_17_2_1_1684864207388_16465 {
    width: 100%;

 

Here are the page's identifiers.

#collection-646cffb61ea66658cc643542

section[data-section-id="646cffbbf69a062a9656002f"]

#block-yui_3_17_2_1_1684864207388_16465

 

Any help would be greatly appreciated.

Link to comment
  • Replies 9
  • Views 275
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL and the page this is on? Also a site wide password if your website isn't live. Thanks!

Are you using the grid editor (fluid engine)?

What are you trying to achieve with the code block?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I'm not completely sure but it looks like you need to make the code block wider, it's only taking up 4 columns, can you try dragging the corner of the block to make the block the full width of the page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Fair enough! Sorry I had to ask! 🤣

Right, what was the code you added? There's something odd going on, hopefully we can get to the bottom of it!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I appreciate that! haha

I entered two codes.

Code Injection in header 

<script async> ( function() { xhr = new XMLHttpRequest(); xhr.open( "POST", "https://cfapi.communitybox.co/bootstrap/revision", true ); xhr.onload = function() { if (xhr.readyState === 4 && xhr.status === 200) { var returnObj = JSON.parse(xhr.responseText); if( returnObj.hasOwnProperty("err") ) { console.error(returnObj.err); } else { var r = returnObj.revision; var l = document.createElement("script"); l.src = "https://dashboard.communitybox.co/embed/"+r+"/cbebloader-"+r+".js"; document.head.appendChild( l ); }; }; }; xhr.send( "7be32f24-3e2e-4ae3-aba4-115296bc63ad" ); })(); </script>

Code block on page we are troubleshooting

<div id="communitybox-target" box="57798d91-e66b-46ca-b3f6-26d2b52e8b69"></div>

 

Link to comment
  • Solution

Can you try adding the code block to a "classic section", should be available at the very bottom of the options when adding a new section to the page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
12 hours ago, saed1 said:

WORKED!

Great! I don't like that being a solution, but sometimes you just need something that works!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.