Hi.
I had to change the grid.css file to make my tri.be calendar full width. It has been working fine until today when i updated enfold. I made the changes in enfold/css/grid.css so i am not surprised that it was over written today.
I am using a child theme and have it it enfoldchild/css/grid.css but it its not working. Is that correct? Or should it be enfoldchild/enfold/css/grid.css. Either way i have tried both ways and it doesn’t work.
Here is my grid.css file that is in my child theme.
/* Base Grid */
.responsive_large .fullsize .container .nine.units {
width: 100%;
}
/* Offsets */
/* #Desktop – Large
================================================== */@media only screen and (min-width: 1140px) {
.responsive_large .fullsize .container .nine.units {
width: 100%;
}
/* #Desktop – Extra Large
================================================== */@media only screen and (min-width: 1340px) {
.responsive_large .fullsize .container .nine.units {
width: 100%;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 989px) {
Hi khedrubje!
The theme isn’t grabbing the css files in the css folder in a child theme recognized way. You can however add the changed grid css to your child theme style.css and that will take priority of the parent grid.css even though it isn’t in the same file.
Best regards,
Devin
Thank you. It worked. I don’t know why i over thought it and tried to edit the grid.css file.