This section is dedicated to developer in you. Browse the articles and make your YJSG theme unique.
We know how difficult it can be for you to style element based on browser or to find a matching properties that match all browsers. To ease your pain and make it easier for all of us, YJSG comes with custom body class name based on the browser name. Sure we have tough of all IE versions and as always they have to have a "special" class name for them. If you look at this page source code you will find special class name attached to body tag:
class="style_blue yjsgbr-chrome"
As you can see there is class name .yjsgbr-chrome
attached to the body class that will help you style your website based on this class. In case of all IE browser versions the class name changes to .yjsgbr-msie80
or .yjsgbr-msie90
, thus giving you the option to target properties based on IE browser versions. For example , if you have an issue with a div class .my_bad_div
in IE8 you can add something like this in custom.css
file:
body.yjsgbr-msie80 .my_bad_div{ zoom:1 }
Use this method to have your CSS file hacks free and differentiate between the fixes easier. Now start opening those browsers to find their class names :)