Button on homepage out of alignment

Hi,

I have set up a site with the creativity template: www.tripentux.nl

If you scroll down and then up again the button on the home page is not aligned in the centre anymore. When the next slide comes the button jumps to the centered position again.

A second question:how can I change the background of the title of the blog articles e.g. http://www.tripentux.nl/2013-10-12-20-23-51/over-unicef

Regards,
Menno

Hi

I'm not able to see the problem with alignment of the button. Please tell me if it's showing like that in a specific browser ? Can You please disable autoanimation ? Is this problem happening to all slides ?

Background can be changed with this css code for example:

Code: Select all

#gkBreadcrumb {
    background-image: url("http://www.tripentux.nl/images/demo/desk.jpg") !important;
}


If you open the site and scroll down and up several times without clicking you will see the position of the button out of the center.

I tried to change the color of the breadcrumb in several ways but it didn't work:
1. I cleared the image in the template setting and set the color in the template settings. The desk image is gone now but the breadcrumb gets a blue color independent from the color I set in the template settings
2. I changed the template.css in /gk_creativity/css by adding a color and background-color property to #gkBreadcrumb.

Can you help me a bit more?
Menno

Hi

I can see that this code is working for breadcrumbs color:

Code: Select all

#gkBreadcrumb {
    background-color: #94CA9E !important;
}


About the button: I need You to stop autoanimation first. It's not possible to take into the code if this button if it disappear all the time.

Hi,

I have turned off the auto animation. But now the problem won't occur anymore so it has something to do with the auto animation.

The breadcrumb is not picking up the setting in the template settings. Nor does it use the setting I added to the CMS and that you see. It is using some kind of default color. So how can I change this?

Thx,
Menno

Hi

What settings from the template You have in mind talking about breadcrumbs. The color is comming from css style and not configuration. So an override as I've mentioned in a post above should work.

About the button issue. Please try add this code to css and enable autoanimation to test.

Code: Select all

.gkIsWrapper-gk_creativity .figcaption > a.loaded {
    margin-left: -130px !important;
    width: 260px !important;
}


Hi,

I have added the CSS to the file template.css (in the folder templates\gk_creativity_css). However, the problem of the button incidentally being not aligned, remains.

The background color of the breadcrumb is more important for me. There is definitely a setting for it in your template. It is in the features section, see the screenprint I added.

Despite the setting and my changes in the CSS the breadcrumb still has the 'blue'color. The setting #94CA9E is a green color. See this URL for an example: http://www.tripentux.nl/2013-10-12-20-23-51/het-verhaal

So how can I change the color of the breadcrumb to my liking?

Thx,
Menno

Hi

I know there is an option for that, but I was telling You about another way of doing it, which is easier for me as a programmer. Anyway please send me an access to joomla panel and I'll change it for You and see why it was not working.

That would be great:

url: http://www.tripentux.nl/administrator
[edited by moderator]

Thanks,
Menno

Hi

I've checked and the option in template doesn't work. I've reported this to programmers already. Meanwhile please use this code. I've checked and this one is working fine:

Code: Select all

#gkBreadcrumb {
    background-color: #94CA9E !important;
}


I forgto to add the !important.
Now I did and it is working.

Thank you for your support

Hi

That's great to hear it I'm gad it's working now.