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

  • Profile Image
    amysmale
    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)
  • Profile Image
    Gustavo_H
    Answered 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_


    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 😀✨