How can I select the id of an element to apply CSS?

  • mitchellainsworth
    Asked on October 28, 2020 at 11:02 AM
    Apologies I think there has been a misunderstanding... I meant the id of logo I want to select so I can change the spacing (as you have found in above screenshot)
  • Gustavo_H
    Replied on October 28, 2020 at 11:20 AM

    Hi, @amysmale. How are you?


    You will need to access the Dev Tools of your browser. You can do that by doing a right-click on the logo and select the Inspect option. Here is a screencast. 

    1603897984 5f998a8091d9d Screenshot 10


    Please, make sure to copy the id of the li element, as shown above, in my case it was id_127. It's the same process if you are using other browsers like Mozilla. I will leave here a short guide if you are a Mozilla user.

    How to open the inspect using Mozilla


    You can apply CSS code with the id that you found, as pointed by my colleague earlier. Here is an example of the CSS code using the id selected by me in my screencast.

    To increase the margin space.

    #id_127 {
    
margin-top: 10px !important;
    
}


    To decrease the margin space.

    #id_127 {
    
margin-top: -10px !important;
    
}


    It will surely help. Thank you 😀✨