Jump to content

foxandhazel

Member
  • Posts

    4
  • Joined

  • Last visited

foxandhazel's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Site URL: https://www.terradigitalagency.ca/services Hi all, I am having issues with my website displaying WAY differently than what I'm seeing in the dev space. The spacing is massive and the horizontal lines between the accordion sections just disappear altogether. The 1st image is what I'm seeing when working, and the 2nd image is the public view. The sections are code blocks with CSS modifiers to create the accordion effect. This is the code: <div class="horizontal line" style = "background-color:#c6764f; height: 6px;width: 84%; z-index: 1;"> </div> <div class="white block" style="margin-top:0%; margin-left: -400px; background:#fefbf1;padding-top:1%;padding-bottom:1%; padding-left:5%; opacity: 85%; border-radius: 0 50px 50px 0"> <ul class="click-reveal" style="margin-left: 450px;"> <h1><span style="font-family:'GLAMOUR ALT 1', cursive!important;">R</span>arketing a <span style="font-family:'GLAMOUR ALT 1', cursive!important;">D</span>rand</h1> <p>&nbsp;</p> <li class="item-container" style="margin-top: -15px;"> <label class="content"> <input type="checkbox" class="check"> <div class="content__title"> <h2>Marketing Plan & Execution</h2> </div> <div class="content__reveal"> A strategic marketing plan is more than just a list of tactics. We’ll dive deep into your target audience & your business goals to come up with a custom marketing plan. And we won’t leave you holding the bag. We’ll make it happen and get you results that convert. </div> </label> </li> <hr/> <li class="content-container"> <label class="content"> <input type="checkbox" class="check"> <div class="content__title"> <h2> Creative Asset Design</h2> </div> <div class="content__reveal">We have built a brand that stands out. Now let's show people what you stand for. Through a consistent and cohesive visual brand representation, you will gain the attention of your like-valued audience. Our in-house designer will help you make sure your cohesive message and branding are heard across all platforms.</div> </label> </li> <hr/> <li class="content-container"> <label class="content"> <input type="checkbox" class="check"> <div class="content__title"> <h2> Content Development</h2> </div> <div class="content__reveal"> Great content not only increases traffic to your website but also builds trust & loyalty by establishing your brand as an authority. We can create great evergreen content that serves your audience while positioning yourself as a leader in your niche. </div> </label> </li> </ul> </div> Any insight would be great!
  2. @tuanphan yes, I managed to sort it out just using a code block instead of a line block 🙂
  3. Site URL: https://www.terradigitalagency.ca/home Hi, I'm wondering if there is a way to overlay a horizontal line overtop of a text box, with the line beginning at the edge of the page and terminating at the end of the text inside the text box. The areas labelled "Does your current brand reflect your vision?" and area below that are what I'd like to target. I've tried using CSS to transform the ruler, but I can't seem to figure out how to adjust the left & right margins to do what I want. I'd like to replicate the attached image in the website for branding. Thanks so much!
  4. Hi, I'm trying to adjust just one line block on a site I'm working on, but can't figure out how to target it. I've tried the data section id and block id, but it has no effect. If I don't add a block or section ID, the code works but I don't want it to affect all line blocks across the site. The code I'm using: sqs-block-horizontalrule hr { height: 5px; width: 100%; background-color: #BF4B02} I'm trying to thicken the lines and have the left margin as 0 to have the line look like it's coming from off screen on screen (if that makes sense.)
×
×
  • 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.