Locating the CSS code from in the theme editor

  • bhaveen

    (@bhaveen)


    5 years ago

    I want to make a change to the billing details form because the billing_phone number in mobile has a lot of padding. I used inspect element to look for what change needs to be made and found out that there is a 55px padding on the left of the box. Now, to change this line of css, I have been looking in the theme editor but can’t locate the file in which this code is present.
    How can i find out which code is in which file in the theme editor with the help of inspect element?

    The below link will show you the snapshot of the code and the issue I am referring to.

    https://drive.google.com/file/d/1hYXhEp1w8xcKkZzNRVn1YRvzd9D567D-/view?usp=sharing

    • This topic was modified 5 years ago by bhaveen.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    5 years ago

    Don’t change the theme or plugin CSS as that will be wiped out on an update. Instead, add CSS to override the existing CSS via APPEARANCE -> CUSTOMIZE -> ADDITIONAL CSS

    Thread Starter bhaveen

    (@bhaveen)

    5 years ago

    Great! Thanks that works.

    • This reply was modified 5 years ago by bhaveen.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Locating the CSS code from in the theme editor’ is closed to new replies.

Tags