Nicole215 Posted March 1, 2020 Share Posted March 1, 2020 I would like to list the services I offer and for the client to be able to "see more" so that I can add descriptions of the services. I do not have/want a products page because I don't wan't the client to purchase services online. I just need a way to show what is offered and add a descriptor that is accessed by a "see more / more info" Link to comment
tuanphan Posted March 2, 2020 Share Posted March 2, 2020 You mean: description is hidden. When click see more, it will be visible? You can try Accordion code. Google: accordion squarespace. There has some tutorials Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Nicole215 Posted March 5, 2020 Author Share Posted March 5, 2020 Thanks @Tuanphan - That's exactly what I want. Problem is I don't know code and I tried the tutorials I found and they don't work. Is this only available with Business plans? Link to comment
tuanphan Posted March 6, 2020 Share Posted March 6, 2020 17 hours ago, Nicole215 said: Thanks @Tuanphan - That's exactly what I want. Problem is I don't know code and I tried the tutorials I found and they don't work. Is this only available with Business plans? Most tutorials on the Internet are using JS, and it needs Business Plan. I will write an article about Personal Plan next week. Saved your question. When i'm done, I will send link Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted March 8, 2020 Share Posted March 8, 2020 On 3/6/2020 at 5:02 AM, Nicole215 said: Thanks @Tuanphan - That's exactly what I want. Problem is I don't know code and I tried the tutorials I found and they don't work. Is this only available with Business plans? Forgot your question. With Personal Plan Add this to Code Block <div class="accordion"> <input id="toggle1" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle1">Accordion Title 1</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> <div class="accordion"> <input id="toggle2" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle2">Accordion Title 2</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> <div class="accordion"> <input id="toggle3" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle3">Accordion Title 3</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> <div class="accordion"> <input id="toggle4" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle4">Accordion Title 4</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> and add this to Home > Design > Custom CSS @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700"); @import url("https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css"); .accordion * { margin: 0; padding: 0; } .accordion *, .accordion *:before, .accordion *:after { box-sizing: border-box; } .accordion { font: 16px/1 'Open Sans', sans-serif; color: #555; } .accordion{ transform: translateZ(0); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background: #fff; } .accordion > .accordion-toggle{ position: absolute; opacity: 0; display: none; } .accordion > label{ position: relative; display: block; height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; font-weight: 700; border-top: 1px solid #ddd; background: #fff; cursor: pointer; } .accordion > label:after { content: '\f078'; position: absolute; top: 0px; right: 20px; font-family: fontawesome; transform: rotate(90deg); transition: .3s transform; } .accordion > section{ height: 0; transition: .3s all; overflow: hidden; } .accordion > .accordion-toggle:checked ~ label:after{ transform: rotate(0deg); } .accordion > .accordion-toggle:checked ~ section{ height: 200px; } .accordion > section p { margin: 15px 0; padding: 0 20px; font-size: 12px; line-height: 1.5; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Nicole215 Posted March 9, 2020 Author Share Posted March 9, 2020 😆😆😆 OMG YAY!!!!!!! Thank you so so so so so so much!! You are the best!!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.