Jump to content

How do I code full width in one code block only?

Recommended Posts

Site URL: https://rossinski.ch/home

Hi,
I can't insert sections in FIVE template/7.0. So I inserted a code block above the footer to get another background (in grey).

Now I want to spread only this code block to 100% width of the content (between the thin vertical lines).

My question: How do I code it? Thank you for your help!

 

That's the actual code block (for the block in grey in the picture below):

<div class="section">
<p style="font-family:arial; font-weight:600; font-size:25px"><font color=#99ebff>Ein zufriedener Kunde | # 1</font color></p>
<h6>&#8221;Wie viel uns ein Texter bringt, war uns vorher nicht bewusst. Jetzt sind wir froh, dass Sie uns empfohlen wurden. Ihre Texte haben uns von Anfang an überzeugt.&#8221;</h6>
<p>Denis Schätti, Bauleiter | Schätti Baumanagement AG</p>
</div>

<style>
.section {
background: #696969;
color:#fff;
padding: 50px;
text-align: left;
max-width:100%;
}
</style>

 

Code Block.png

Link to comment
  • Replies 1
  • Views 317
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.