Using NSP GK5 responsive at Creativity template

Hello,
I'm using NSP G5k at creativity template, under joomla 3.2.2,
I'm using "News Block" style for a module nsp gk5. at desktop view everything looks great, but in mobile view title aren't displayed correctly (due to padding issues). I added to "mobile.css" padding modifications for a class but doesn's work.

Code: Select all

gkNspPM-NewsBlocks > figure > figcaption {
       padding: 0px 5px 5px!important;}

Thanks,
David N.

Hello,

The code should be following:

Code: Select all

.gkNspPM-NewsBlocks > figure > figcaption {
       padding: 0px 5px 5px!important;
}

Dziudek, thanks for your quick response. Anyway, I change it on mobile.css, but still get

Code: Select all

.gkNspPM-NewsBlocks > figure > figcaption

from style.css

Please try to use more complex selector i.e.:

Code: Select all

body .gkNspPM-NewsBlocks > figure > figcaption

No changes

Please provide me an URL to your website.

I send you a PM with URL and user/password to access it.
Thanks,
David N.

You have used wrong selector - without space between body and CSS class. Additionally as I see you should add the code in the tablet.css not in the mobile.css file - please try this one:

Code: Select all

body .gkNspPM-NewsBlocks > figure > figcaption {
  padding: 0px 5px 10px 0px;!important;
  font-size: 12px!important; 
}
body .gkNspPM-NewsBlocks > figure > figcaption h3 {
   font-size: 14px;
}

Hello, It works, thanks a lot for your help.