Jump to content

Bold Links in Text

Recommended Posts

Hi,

I'm using Brine Template and would like to change my links in the text to bold. I couldn't find it in the settings.

I tried this css code: a:link {; font-weight: bold;; } however it changed all my links to bold, not only text blocks, but also links in summary and other blocks, which I don't want.

Does anyone know how to make bold links only in the text blocks?

Thanks in advance!

Edited by marmar
grammar
Link to comment
  • Replies 12
  • Views 4.6k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

4 minutes ago, tuanphan said:

@marmar Add to Home > Design > Custom CSS


.sqs-block-content a {
    font-weight: bold;
    border-bottom-width: 3px !important;
}

 

Thank you for the code, however it changed also links in summary posts to bold, would it be possible to adjust the code just to affect the links only in text blocks?

text.jpg

Link to comment
  • 1 month later...
On 11/5/2019 at 3:57 AM, tuanphan said:

@marmar try adding .BlogItem to before


.BlogItem .sqs-block-content a {
    font-weight: bold;
    border-bottom-width: 3px !important;
}

 

Hi tuanphan, sorry it took me long time to get back to you. The solution you coded works like a charm and it's almost perfect know!

One last thing, I use a summary block at the end of my blog posts, and the title on these is still bold, any chance to make it plain text again?

Thank you for your answer.

Link to comment
Just now, marmar said:

Hi tuanphan, sorry it took me long time to get back to you. The solution you coded works like a charm and it's almost perfect know!

One last thing, I use a summary block at the end of my blog posts, and the title on these is still bold, any chance to make it plain text again?

Thank you for your answer.

please share link to blog posts.

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
  • 9 months later...

Hi Tuan, 

I have a similar question—I'd like for links within my blog and portolio pages to be bold by default, but don't necessarily want links on the main pages to be bold. I copied both snippets you shared; the first snippet turned all links bold. The second snippet didn't make any links bold. Could you take a look at my site and see if you might be able to help me out? Really appreciate it.

https://www.wernetti.com/blog/kearsarge-pass-and-the-eastside

Link to comment
6 hours ago, wernetti said:

Hi Tuan, 

I have a similar question—I'd like for links within my blog and portolio pages to be bold by default, but don't necessarily want links on the main pages to be bold. I copied both snippets you shared; the first snippet turned all links bold. The second snippet didn't make any links bold. Could you take a look at my site and see if you might be able to help me out? Really appreciate it.

https://www.wernetti.com/blog/kearsarge-pass-and-the-eastside

Add to Page Settings > Advanced > Header

(If you use Personal Plan > Edit Page > Add Code Block > paste below code)

<style>
  .sqs-block-content a {
    font-weight: bold;
}
</style>

 

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
  • 10 months later...
On 8/4/2021 at 5:37 AM, mnewell said:

Hi tuanphan,

Is there a way to bold links in the text (text blocks), but not the text in the footer?

 

Site: https://perch-puma-kdgl.squarespace.com/

PW: Lightning2021!

Thanks!

Try this code

div.Site-inner .html-block a {
	font-weight: bold;
}

 

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
  • 3 weeks later...

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.