Multiple CSS rules in code

Hello - I have this page https://www.archelifecoaching.com/portugal2023  (password P0rtugal2023) as a stand alone and have removed the header and footer using the CSS in Design mode. I now want to also remove the underline from the anchors i created and also add a line of soft scroll. My question is how do I enter multiple commands in the custom CSS and I imagine I need to separate them by some code?

Thank you,

Sophia

You use multiple rulesets. You've created one I assume to do the header/footer hiding so you just need to add more for whatever new effects you want.

17 hours ago, creedon said:

You use multiple rulesets. You've created one I assume to do the header/footer hiding so you just need to add more for whatever new effects you want.

17 hours ago, creedon said:

You use multiple rulesets. You've created one I assume to do the header/footer hiding so you just need to add more for whatever new effects you want.

Thank you - I am still unclear as to the exact code. For example I currently have removed header/footer with the following inserted code:

#collection-6396347c9d2b4f6eedd885e3{
 footer, header{
  display: none !important;
 }
}

I want to add a "remove underline" by inserting the following

#BLOCKID a {  

  text-decoration: none !important;

}

What goes between the two commands?

Thank you again!

54 minutes ago, creedon said:

Nothing except whitespace.

/* uses LESS syntax */

#collection-6396347c9d2b4f6eedd885e3 {

  footer, header {
  
    display : none !important;
    
    }
    
  }

#BLOCKID a {  

  text-decoration : none !important;
  
  }

 

Oh my goodness - thank you sooo much!

3 hours ago, SophiaCoyle said:

Oh my goodness - thank you sooo much!

One last question! I have added a code block for a "back to top" button

and in the CSS I added

the button is a white color and i'd like to change that to black or some other color because this doesn't show up clearly on parts of my page that have a cream background.

thanks again!

51 minutes ago, SophiaCoyle said:

I have added a code block for a "back to top" button

the button is a white color and i'd like to change that to black or some other color because this doesn't show up clearly on parts of my page that have a cream background.

I suggest using a background color.

.fe-block-yui_3_17_2_1_1672714689006_84808 {

  z-index : 99;
  
  }

#back-to-top {

  background-color : black;
  bottom : 0;
  opacity: 0.999;
  position : fixed;
  right : 0;
  
  }

Let us know how it goes.

On 1/2/2023 at 8:26 PM, creedon said:

I suggest using a background color.

.fe-block-yui_3_17_2_1_1672714689006_84808 {

  z-index : 99;
  
  }

#back-to-top {

  background-color : black;
  bottom : 0;
  opacity: 0.999;
  position : fixed;
  right : 0;
  
  }

Let us know how it goes.

Thank you for all your help