The most common problem that I have is that in browser Developper Tools console things will work when I change the attributes. But when it comes to write them down on the override.css, I'm sorta havin' a 50% ratio success.
Like for this code for example, instruction 1 and 3 works while 2 and 4 doesn't:
Why is that? Is there something wrong in my code?
I don't think there is any conflict with another @media rule.
It looks like the gk.stuff.css sheet cannot be overridden.
Anyway, I'm just a beginner...
Please help.
Regards
- Code: Select all
@media only screen and (max-width:840px) {
#gkHeaderLeft {
height: 124px;
}
}
@media only screen and (max-width:840px) {
.nsp-nsp-763 .gkResponsive img.nspImage {
width: 78%!important;
}
}
@media only screen and (max-width:1040px) {
.gkIsWrapper-gk_university figcaption p {
line-height: 22px;
}
}
@media only screen and (max-width:1040px)
.gkIsWrapper-gk_university figcaption h2 {
width: 100%;
}
}
This is for the header text in the slides and the NSP module image height.
http://gator4199.hostgator.com/~lgt2015/
EDIT: Correction, only rule 1 works. Is it the # sign vs. the "." sign at the beginning of the class?
