Specifik elements class / id

soren9000dk

Where and how can I find the ID or class of the 9 elements inside #grid6wrap area?

aman204

For getting the ID and class attributes which form the basis of defining style for specific grids coupled with CSS rule-sets, Would suggest to debug and examine with assistance of web developer - firefox and chrome

The above links for tutorials with varied redirection links should also help in terms of learning about the specific tools 🙂

soren9000dk

Hi aman

I didn't knew this tool - just knew the left click element inspect method.
Using the Responsive Design Mode, I keep getting the same class name #grid6wrap. No matter how much I dig, they are all having that same class name. I would really priceate if you would please show me an example on how to identify the class or ID on one of the different collored menu icons present at the bottom of the page, that all are elements inside GRID6 area.

aman204

soren9000dk I keep getting the same class name #grid6wrap. No matter how much I dig, they are all having that same class name.

The class attributes are enveloped inside main section id attribute - #grid6wrap which acts as parent container for specific elements.

I would really priceate if you would please show me an example on how to identify the class or ID on one of the different collored menu icons

You may refer to quick example as per which you can add specific CSS to change styling for specific element which has been marked in screenshot to which specific class attribute is defined and change properties accordingly :

#grid6wrap #grid15{padding:10px !important;margin-left:5px !important;}

Would suggest to primarily experiment with inspector tools through which you can debug and make changes accordingly. The modifications being done through web inspector tool will be in virtual mode however, would surely help in augmenting your skills and knowledge for certain aspects 🙂