How to remove underlines from links AND removing double up in drop down menu

Site URL: http://hen-koala-whbl.squarespace.com

Hi,

I have 3 questions about custom CSS that I am trying for this site 

hen-koala-whbl.squarespace.com

1. I would like to remove underlines from all hyperlinks (see around last section & footer). I have used the following and it is not working. Am I missing something???

p a{

 border-bottom: none !important;

 }

------------

2. I need to remove hyphens across the entire site. Just noticing it on headings on mobile. Code I have used with no success:

p, h1, h2, h3 {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}

------------

3. Is there a way to stop the double up of 'Services' in the menu drop down?

I need the 'Services' link in the menu to go to a Services landing page, currently the first page in the menu. The services landing page is set up as an index page with a few pages within.

1. Add to Home > Design > Custom CSS

a {
    background-image: none !important;
    text-decoration: none !important;
    border: none !important;
}

2.

* {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}

3.

a.Header-nav-folder-item[href="/services-index"] {
    display: none;
}

9 hours ago, tuanphan said:

1. Add to Home > Design > Custom CSS

a {
    background-image: none !important;
    text-decoration: none !important;
    border: none !important;
}

2.

* {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}

3.

a.Header-nav-folder-item[href="/services-index"] {
    display: none;
}

 

Thank you for your reply. I have copied your code exactly, though nothing has changed. Do you have any idea why? 

Remove code I sent, and add this to Home > Settings > Advanced > Code Injection > Header

<style>
  a {
    background-image: none !important;
    text-decoration: none !important;
    border: none !important;
}
  * {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}
  a.Header-nav-folder-item[href="/services-index"] {
    display: none;
}
</style>

@tuanphan thank you!!! You solved my problem. Works perfectly. Cheers

12 minutes ago, tuanphan said:

Remove code I sent, and add this to Home > Settings > Advanced > Code Injection > Header

<style>
  a {
    background-image: none !important;
    text-decoration: none !important;
    border: none !important;
}
  * {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}
  a.Header-nav-folder-item[href="/services-index"] {
    display: none;
}
</style>

 

Hi, I  just realised my buttons have also lost their border though 😞 any suggestions?

3 minutes ago, Ignacik said:

Hi, I  just realised my buttons have also lost their border though 😞 any suggestions?

Which buttons? Can you post all current code in Custom CSS?

12 minutes ago, tuanphan said:

Which buttons? Can you post all current code in Custom CSS?

http://hen-koala-whbl.squarespace.com/services-index

Buttons were previously a box, the line is now missing. Have a look at the link above. Also attached screenshot of the code. Thanks for your help

I mean code in Custom CSS box, not Code Injection Header

1 minute ago, tuanphan said:

I mean code in Custom CSS box, not Code Injection Header

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@800&display=swap');
@font-face{font-family: 'Encode Sans', sans-serif;}
h1{font-family: 'Encode Sans', sans-serif;wght@800}

I only have CSS for the font I imported in Custom CSS. All the rest is in Code Injection header

1 minute ago, Ignacik said:

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@800&display=swap');
@font-face{font-family: 'Encode Sans', sans-serif;}
h1{font-family: 'Encode Sans', sans-serif;wght@800}

 

I only have CSS for the font I imported in Custom CSS. All the rest is in Code Injection header

Learn more button? You want to add border?

Just now, tuanphan said:

Learn more button? You want to add border?

Yes 

2 minutes ago, Ignacik said:

Yes 

Add to Home > Design > Custom CSS

body#collection-5e8bcdc840c6b7251f31692c .sqs-block-button-element {
    border: 1px solid currentColor !important;
}

1 minute ago, tuanphan said:

Add to Home > Design > Custom CSS

body#collection-5e8bcdc840c6b7251f31692c .sqs-block-button-element {
    border: 1px solid currentColor !important;
}

 

hmm no unfortunately no change. Should I have added any of your other code back here?

1 minute ago, Ignacik said:

hmm no unfortunately no change. Should I have added any of your other code back here?

Can you take screenshot your Custom CSS box?

1 minute ago, tuanphan said:

Can you take screenshot your Custom CSS box?

1 minute ago, Ignacik said:

 

 

Try edit Line 3 to

h1 {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 800;
}

2 minutes ago, tuanphan said:

Try edit Line 3 to

h1 {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 800;
}

 

Unfortunately no change. The line flashes on for a second when I load the page but then disappears 

For some reason it works now. Thank you for your help