width/horizontal size of news show pro or image show

I know this article was discussed before but all solutions I found - especially override.css:
(may be I can't find 'enable override' in advanced template settings - see attachment 1)

# Steak House - Joomla! template
* Here you can include your override CSS styles */

.gkIsWrapper-gk_bikestore {
margin: 0 auto !important;
max-width: 600px;
}

but it does not work out for me using gk-steakhouse quickstart ?

What I want is to limit the width/horizontal size to the width of the maninbody - see 2nd attachment between the 2 red lines

Hello,

Instead of the css/override.css file you can use the Custom CSS code field and put there your overriding CSS code.

can i us this?:

gkIsWrapper-gk_bikestore {
margin: 0 auto;
max-width: 1200px;
}
and change max width to the value of my main content?

And: is it bikestore? as I use steakhouse quickstart template?
I found bikestore when 'inspect element / and source code' in the demo

But why you are trying to use the Image Show module CSS code, where you need to shrink the area of the NSP GK5 module?

sorry - i mixed up both, cause first I tried image show, but it seemed that the source images were too small for it and became unsharp.

I assume, the procedure for either image show and news show pro are the same (override css code) but of course by using the right css code.

Can you give me a hint which are the right for both?
I am a bit confused when I tried to search the forum and inspect the source codes of my site..

Did you tried to use the CSS code for the box class?

Code: Select all

.box {
margin: 0 auto;
max-width: 1200px;
}