News show pro GK5 1.3

Hi.

I just updated to the latest version.
Now where the left/right triangles are for navigation I have some grey shape in between
Module is placed to the right at malkova.com
Previous version was working fine.

Please help, thank you.

Hi

Please add this fix to override.css , make sure override is enabled in template setting:

Code: Select all

.nspPrev:before {
    border-color: transparent;
}


Hi, thanks for your reply.
I did. But when you hover the mouse it still appears.
Have a look.
Any advice ?

Hi, thanks for your reply.
I did. But when you hover the mouse it still appears.
Have a look.
Any advice ?

I included your code in the custom CSS field of the template.
As I said result gave "not visible anymore , but visible when you hover it."

Now I moved the code into override.css and the result is worse, the grey shape is visible continuously,
just like before without any fix. How can this be possible that override.css and custom field CSS in template can give different results ?

Your code for now is in override.css and isn't giving any results.
Please advise.

Thank you.

Should I revert to the previous version.
Or is there a chance for a possible fix ?

Thank you.

Hi

Please check if override is enabled and if CSS cache is disabled. This may cause the override.css file not work.

Try this code instead.

.nspPrev:before,
.nspPrev:before:hover {
border-color: transparent;
}

Hi

Please check if override is enabled and if CSS cache is disabled. This may cause the override.css file not work.

Try this code instead.

.nspPrev:before,
.nspPrev:before:hover {
border-color: transparent;
}

Hi.
override.css was/is enabled CSS cache was/is disabled.
The new suggestion code doesn't make a difference.
I tried your code in override.css and custom CSS code from the template as well.

Hi

Please send me an access to joomla panel with account which will make changes to css files possible. I'll try it myself.

Hi.

I had a look at the mod_news_pro_gk5/interface/css/style.css

The issue seems to be solved with:
(placed in the custom css code field of the template manager)

.nspPrev:before {border-color: transparent;}
.nspPrev:hover:before {border-right-color: transparent;}
.nspNext:hover:before {border-left-color: transparent;}

I tried in override.css but it doesn't have any effect. (my override css is working fine, you had indicated code for extending menu, and it is there present functioning).
My question to you is why is there a different result between custom css field in template and override.css ?

I have one more request

The bullets should be on the same line with:
http://malkova.com/news
There is a problem with IE and Firefox.
In Chrome it is displayed properly


Please advise.

Thank you.

Hi

There should be no other difference than relative path to image, so if there were no effect while code was in override.css it has to be because of cache (browser or joomla) or thera is an error in one of the classes above.

In the matter of fact the red dot showing there is a mistake Over 3 different styles are attached to this element and red dot is not covered with the latest. But if You like this dot than use this code instead:

Code: Select all

.nspMain .nspLinks ul li {
    list-style-image: none;
}

.nspMain .nspLinks ul li h4 {
    background: url("../images/style4/typography/bullet_ol_1_dark.png") 0 center !important;
    padding-left: 15px;
}


Hi

There should be no other difference than relative path to image, so if there were no effect while code was in override.css it has to be because of cache (browser or joomla) or thera is an error in one of the classes above.

In the matter of fact the red dot showing there is a mistake Over 3 different styles are attached to this element and red dot is not covered with the latest. But if You like this dot than use this code instead:

Code: Select all

.nspMain .nspLinks ul li {
    list-style-image: none;
}

.nspMain .nspLinks ul li h4 {
    background: url("../images/style4/typography/bullet_ol_1_dark.png") 0 center !important;
    padding-left: 15px;
}


Hi.
i tried your suggestion but it wasn't giving the desired results.
Instead I kept:

Code: Select all

.nspMain .nspLinks ul li {
    list-style-image: none;
}

It looks just fine without the bullets.

You mentioned that there are three different styles attached to this element.
Where can those styles be found/configured ?

One more question by the way. There is a CSS file in the template called "gk.stuff.css" It has style statements for News GK4.
Are those css classes compatible with GK5 ?


Thanks.

Hi

There is a style applied from module itself, than template and than typography. I think disabling styling in module settings and moving it outside article should help as well. This way only template style will be used, but if You like the result already than I think it's good to keep it like that.

NSP GK5 didn't exist while this template was created, so template styling may affects it in a wrong way, but there were no major reports of such problem.