Hello!
I want to set padding for my website blocks only in desktop and tablet screen ( blocks which created by visual composer )
i searched in google and found this code:
@media (min-width:979px){
.my-class{
padding: 50px 150px 25px 200px;
}
}
So, I set a class name ” my-class ” for my blocks in visual composer block option , and now i want to add a css code to my style.css file which make padding for my blocks in desktop and tablet screen, for example 20px padding in desktop ( both left and right ) , and 10px padding for tablet screen, and no padding for mobile screen
but i have just four question about the mention code
1. which one of this numbers is refer to left padding and right padding?
2. what is the width size for desktop , tablet, mobile and …? i see that you set four option in basel theme for custom css, and i know how that options work, but i just want to know the exact width px size of all of that four class ( desktop, tablet, mobile landscape, mobile )
3. where can i put the code in style.css file? is it ok to add my code to the end of the file? or i should add it to a special place of the file?
4. totally , if i want to add a code to my website, which way is better for website speed? ( i mean website load time )
A. Add code to custom css section in theme option
B. Add code directly to style.css file
Thanks.