Jump to content

Learn more button

Recommended Posts

Hello ,I would like someone to help me with the LEARN MORE button!How can i add this one instead of the READ MORE button that already has in the "Carouzel" summary !Or perhaps it's in a different summary and i haven't see it !Anyway i appreciate any help you could give me ! Thank you !

Link to comment
  • Replies 16
  • Views 953
  • Created
  • Last Reply

@NickMazarot You can use CSS to change "read more" text to "learn more". I saw you used CSS?


/* Hide current Read More */
a.summary-read-more-link {
   visibility: hidden;
}
/* Insert new Learn More */
a.summary-read-more-link:after {
   visibility: visible;
   content: "Learn More →";
   padding: 10px 20px;
   border: 2px solid #fff;
   border-radius: 50px;
   display: inline-block;
   font-family: "Oleo Script";
   font-size: 18px;
}
/* Background Hover for Learn More Button */
a.summary-read-more-link:hover:after {
   background: #fff;
   color: #000;
}




Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@NickMazarot The code I just sent is the same as the code in the post you just sent (and it's the same code you used). I just added some edits.

Not relevant, but I wrote 1500 CSS for 68 Template in Squarespace. Maybe you will need it sometime. https://beaverhero.com/squarespace-all-css/

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

That's great ! I will need that for sure!! Thank you for your hard work ! I'm not very relevant with codes but i want to learn tbh.One last question about the learn more button! Why i can't edit it??Thank you

Link to comment

@tuanphan The button "LEARN MORE" that the system had already i can edit it ( Edit the letters,edit the next page that drives you into ,edit the shape of the button ) ,the new one that we added with the code ,i don't have the option to edit and do this kind of stuff that i mentioned !!To be more specific for example it don't give me the option to take of the arrow that have next to the "LEARN MORE" button!https://www.doitlikegreeks.com/beaches

Link to comment

@NickMazarod It is added by code, so you need to edit with code.

In the code I sent, you can edit "arrow" (-->).Just copy symbols here and paste. https://fsymbols.com/keyboard/windows/alt-codes/list/


/* Insert new Learn More */
a.summary-read-more-link:after {
    visibility: visible;
    content: "Learn More →";
    padding: 10px 20px;
    border: 2px solid #fff;
    border-radius: 50px;
    display: inline-block;
    font-family: "Oleo Script";
    font-size: 18px;
}


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan from what i understood the old one recognize it as a button and a new one not.Is there a way to make it a button so i can have the option to edit it ? And one more question about the codes ,when i insert a new one do i delete the old one?Because when i go to insert a new one the old one is still there !Thank you!!

Link to comment

Because you add "Learn More" by Code, you need to edit it with Code. SS will not have the option to customize that.

You can edit the code you have inserted. If you insert a new one, it will overwrite the old code.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan .Thank you very much about your time answering to me! I don't really know a lot about codes yet and that's why i think i'm gonna find a different way to fix this editing problem ,maybe i will delete the page and try make it from scratch!i'm sure that i can't find the way to edit it my self ! Hahaha anyway i really appreciate your help !!It's nice to have someone who knows like you helping people like me with small experience!

Link to comment

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.