How to set article background & image for news show pro gk5?

Hi, I'm trying to get News Show Pro GK5 working as a front page slideshow. I've put it in header position of my "Simplicity" template, so as to have the background image behind it. That works perfectly. Now, for readability I'd like to set a semi-transparent background behind every article in the slider, which should slide with the article. I haven't found any options for setting the background. Alternatively, at minimum I'd like to tweak the header, paragraph and link font of the news show alone, to make it readable.

The other problem I have, is that the Joomla article image (full or intro) doesn't seem to get picked up. As I don't want to end up with inconsistancies on my site, I wouldn't like to add an image in the text.

Please help! Thanks in advance. My site is http://www.byimke.nl

Please tell me if that would suit your needs:

Zrzut ekranu 2013-05-23 o 11.53.01.png

Zrzut ekranu 2013-05-23 o 11.53.06.png

Hi, thanks for looking into this. Yes, it would, although I'd rather have a light background and dark text.

Apart from that, do you have any idea how I could get the navigation and the article image to show? Thanks!

1. Please edit /templates/gk_simplicity/css/override.css
and add at its end:

Code: Select all

.nspList, .nspArtPage {background: rgba(255, 255, 255, 0.6);}
.imageBg #gkHeaderMod {color: #000;}


Remember to enable override.css in template settings -> advanced section.

And if it goes to second part of the question, could You be more specific?

Thanks. I'll edit the override. It's a shame there's no standard config for this. My Override .css is miles long by now although I haven't really changed anything big.

And if it goes to second part of the question, could You be more specific?

The other problem I have, is that the Joomla article image (full or intro) doesn't seem to get picked up. As I don't want to end up with inconsistancies on my site, I wouldn't like to add an image in the text.

About the navigation: I've set pagination to show, but it doesn't.

1. Please edit /templates/gk_simplicity/css/override.css
and add at its end:

Code: Select all

.nspList, .nspArtPage {background: rgba(255, 255, 255, 0.6);}
.imageBg #gkHeaderMod {color: #000;}


Thanks for this. The edit works. Just not sure about the rest yet...

Check in News Show Pro GK5 module settings -> External files section if You have "Use default CSS" Set to off... if not, change. That should help with pagination.

Check in News Show Pro GK5 module settings -> External files section if You have "Use default CSS" Set to off... if not, change. That should help with pagination.

It did, thanks. Is there any way to define the lovation of navigation arrows and buttons?

You mean location? Where would You like to move them?

Sorry, yes, location. This forum has an annoying tendency to "correct" my English to what it perceives to be Dutch

I'd like the arrows to be on each side of the article, and the buttons below, like this:

slideshow example.png

Override.css:

Code: Select all

.nspTopInterface {position: static; top: 0px;}
.nspPagination {width: 100%; bottom: 0px; left: 0px;position: absolute; text-align: center;}
.nspPagination li {display: inline-block !important; float: none !important;}
.nspNext,  {pposition: absolute; top: 50px;}
.nspPrev {right: 0px;}
.nspNext {left: 0px;}


If some of this do not work, please write back, because for now I can't see any changes on your website so I cannoct correct if there is an error in my css declarations.

If some of this do not work, please write back, because for now I can't see any changes on your website so I cannoct correct if there is an error in my css declarations.

I see changes in the website...? Don't you have access? Please tell me, because I am working on the live site front page (http://www.byimke.nl) so it should be visible.

Anyhow, this works for the buttons in the sense that they're below the text. Would it be possible to get the background to have the same size, regardless of the article size? Because right now in one of the two, the buttons are in the background.

The arrows have stayed over the article text, so for the arrows it's not working.

I'm not sure, but maybe it would work if the images were shown. Do you have a solution for that?

Cheers, Imke

I only just noticed that the alignment of the article text is not changing according to the settings. Also, there is no padding inside the background. Do you have any suggestions for that?

Code: Select all

.nspNext,  {pposition: absolute; top: 50px;}


should be:

Code: Select all

.nspNext, .nspPrev  {pposition: absolute; top: 50px;}


that was my mistake.

You could do all the other changes just by adding adidional classes to override.css and styling elements the way You would like them to be.

Hi, I'm not sure what the last change did...? The article text is still not aligned according to the setting in the backend. The arrows are still over the article text. There's no padding inside the background. And do you have a solution for the images?

Sorry, but now You have changed the layout so I cant even see if everything I have written to you till this moment works ok.

Hi, I'm sorry. I've given up on Gavick. Too much work for too little result. Thanks for the effort.

Sorry to hear that.
But still - its like every theme - it is designed in one way, some features can be changet through configuration panels, but mos of them are in php/css files and if You would like to change them, then knowledge of at least basic html/html5/css/css3 is required. We are trying to help here as much as we can with customization, just sometimes we need some time to do that.
Hope you will try again, if not with this, then with any other our template that suits your needs better.

Hi, I've bought a subscription to RocketTheme. The templates on Gantry framework are highly configurable without having to dig in the css too much. I don't mind a bit of digging, but this was just plain going nowhere.

Hello!

I need your help! I want to add images backgrounds to my modules "New Sho pro Gk5"
I know that i would have to fill "Module suffix" area and edit css with a new background image..
but i don´t know where to edit it, how to edit it, and what i have to write on the module..

Do you have an exemple? Can you help me?

Please please!
Thanks!!

This is not something I can teach you. You need basic understanding on html and css.
If you add custom suffix to a module, you can use it as a referrence point in css - making able to create declaration for element to place a background on it.
the override.css code would look simillar to:

Code: Select all

.myelement {
background: transparent url(../images/myimage.png) 0 0 no-repeat;
}