TheRealDesign - Slide Show Module settings

The template contains a Slideshow module.
I want to replace the pre-installed images with my own.
I want my images to fill-in the whole template width (which is 1100 px as I understand. Am I right?).
I have prepared my images of such width.
Then, in Joomla, in Module Manager I replace the pre-installed images with my own. But my images does not fill-in the whole template width. It is centered and enlarged. There are approximately 10-15% of template width remains blank left and right.
When I look at Image Show GK4 manual (http://wiki.gavick.com/joomla-extension ... -show-gk4/) I see some settings that are not represented in the template. For example Image width and height are written in the manual but not available in the template.
Dears, I would appreciate fast help because I am progressing very slow with my web-project.

Hi

GK Image Show for joomla 1.7 is based on a predefined styles for our templates. Anyway there is always a way to make anything. Please show me Your site and send joomla panel access.

Thanks.
I sent an e-mail to you with all data

Hi

The size of the image is restricted only by template width. Please try set it manualy in css using this code:

Code: Select all

#gkHeader .gkWrap {
    width: 1365px !important;
}


but why do You want to use so big images ? The standard width for template should 980px to display it ok on iPad for example.

Hi. I would like to use ImageShow bg for all my pages headers. The height is set by ImageShow module and I can overwrite in css but I can not find anything about the width. The width is 100% template size but I want the header bg exactly as the one of the ImageShow for all my pages. how can have full width of the header's bg only

Hi

Can You please show me a screenshot or example. I do not understand what You are asking for.

I have a simular issue but I want to set the width of the slideshow to 980px which is the width of my flash header.

I set the template width to 980px but the SlideShow does not take that in mind and is full screen width.

The width is set in gk.stuff.css and I've altered it in override.css

Code: Select all

.gkIsWrapper-gk_the_real_design {
  width: 980px;
}

Everything is centered in the window and 980px wide but the SlideShow is alligned left and not in line with the rest.

http://j25.xiphias.net

I'm trying to create the same look and feel as my old Joomla 1.0 site with Sportmaxum (http://xiphias.net)

- XiP

I have a simular issue but I want to set the width of the slideshow to 980px which is the width of my flash header.

I set the template width to 980px but the SlideShow does not take that in mind and is full screen width.

The width is set in gk.stuff.css and I've altered it in override.css

Code: Select all

.gkIsWrapper-gk_the_real_design {
  width: 980px;
}

Everything is centered in the window and 980px wide but the SlideShow is alligned left and not in line with the rest.

http://j25.xiphias.net

I'm trying to create the same look and feel as my old Joomla 1.0 site with Sportmaxum (http://xiphias.net)

- XiP

Hi

Can You please tell me the exact page where You work on this slider ? I can see one on frontpage, but it looks 980px width and centered.

On the main page, both in Chrome and FF the Image Show is full browser width and I want it to be as wide as the template and centered like the template.

- XiP

Problem solved, image show (+ background) now centered in template.

override.css:

Code: Select all

/* gk.stuff.css */
.gkWrapSlide { width: 980px; margin: auto;}
.gkIsWrapper-gk_the_real_design .gkHeaderBg { width: 980px; margin: auto;}
.gkIsWrapper-gk_the_real_design .gkWrapSlide { position:relative; overflow:hidden;}


Thanks.

-XiP

Hi

Ok. Great to hear it

how tall is the demo?

Hi

Height for a slider is 605px, but images can have any demention. This Image Show style enables multiple images and is not resizing it if there is no need for it.

how do i get the images to align to left and have text to right?

I also changed size and color of text font in the gk.stuff.css but it isn't showing changed in the live version.

Hi

When images are smaller than are being displayed on right and text is on the left as default. With Your full width images text is simply covered. Please try other module styles I believe You will find one where text will be visible over image so the image dimentions will stay untouch.

i installed the quick start on another site so i could see how it was done. in the image show though it is the same slide 3 times so i can't see how it was done. in the demo it has 3 different looks. if i do a variation that does it for all the slides and am looking to do like the demo

Hi

Sorry but I cannot understand what do You want to achive. Can You please provide an example ?

http://the-stars.com/gk_the_real_design_quickstart_J25/

the quick start version i loaded doesn't have the different slides in the header as the demo does. in the demo it shows text at bottom of pic then another slide shows it to the side and in different colors. i am wanting to do that.

Hi

Please check the screen below. Is it a text You are talking about ? This text is a part of an image. This image show slide doesn't have a different text options then the one displayed on left.

yes that was it. but on the slides where text comes up to the left, i made color change for text in the style sheet for image show but it didn't change the color. is there another place to change that?

Hi

This is the code:

Code: Select all

.gkIsWrapper-gk_the_real_design .gkIsTextTitle a {
    color: #E0DAC9;
}


but I can see that cache and css prefix is enabled so any changes to css can not be visible.

so should css prefix not be enabled?

hi

it does the problem is that cache has to be cleared and any css compression should be disabled for a time when modifications are made tothe website