No announcement yet.

How to find css elements using Firefox

  • Filter
  • Time
  • Show
Clear All
new posts

  • [Forum] How to find css elements using Firefox

    Here's a simple tutorial which shows how to find css elements so you can easily change them and control how each element looks on your forum.

    1) Download and install Firefox

    In this example we will change the teal color surrounding the login inputs to black

    2) Right-click on the teal color shown:

    Click image for larger version

Name:	pic001.jpg
Views:	1
Size:	33.5 KB
ID:	3723503

    3) Select Inspect Element

    4) Highlight and copy the css element on the right ".toplinks .logindetails {"

    Click image for larger version

Name:	pic002.jpg
Views:	1
Size:	44.8 KB
ID:	3723504

    5) Go to your Admin CP and edit the additional.css template

    6) Add the following

    .toplinks .logindetails {
    background: #000000;

    7) Save template

    8) That's all there's to it. Once you refresh your forum page you will see how the surrounding background of the login input is now black.

  • #2
    I like using the style variables, as I've tried this method before and couldn't locate the variable


    Related Topics