Nav arrows gone when no text for prev/next and my own css
Permalink Browser Info Environment
Hi
I created a copy of the default CSS. The only thing I did to it, is remove the shadow.
Now, when I hover the slider no control arrows show up anymore. The slider does not react on my mouse click (move to next image) anymore either.
Is this a bug?
What I want: No own text, but the nav arrows - when I click them, the image should change (prev/next).
What would I need to set?
In the CSS for the block in C5 I have a "max-width:453px" set.
In the Options I have the following settings:
Effect: Fade
Slices: 15
Box Col: 8
Box row: 4
Ani Speed: 200
Pause time: 3000
Start slide: 0
Direction Nav: Checked
Control Nav: empty
Control Nav Thumbs: checked (default?)
Pause on over: checked
Manual advance: empty
Prev text: (empty)
Next text: (empty)
Random start: empty
I created a copy of the default CSS. The only thing I did to it, is remove the shadow.
Now, when I hover the slider no control arrows show up anymore. The slider does not react on my mouse click (move to next image) anymore either.
Is this a bug?
What I want: No own text, but the nav arrows - when I click them, the image should change (prev/next).
What would I need to set?
In the CSS for the block in C5 I have a "max-width:453px" set.
In the Options I have the following settings:
Effect: Fade
Slices: 15
Box Col: 8
Box row: 4
Ani Speed: 200
Pause time: 3000
Start slide: 0
Direction Nav: Checked
Control Nav: empty
Control Nav Thumbs: checked (default?)
Pause on over: checked
Manual advance: empty
Prev text: (empty)
Next text: (empty)
Random start: empty
| Type: | Discussion |
|---|---|
| Status: | New |
it doesn't seem to have anything to do with the container shadow.
first of all, check if you copy 'arrows.png' into the new theme folder. if so, check the inherited css for:
it should have this line
by hovering on the arrow.png on firebug, check if the browser loads the arrow.png or not?
first of all, check if you copy 'arrows.png' into the new theme folder. if so, check the inherited css for:
<a class="nivo-nextNav">Next</a>
it should have this line
.nivo-directionNav a { background: url("arrows.png") no-repeat scroll 0 0 transparent; }
by hovering on the arrow.png on firebug, check if the browser loads the arrow.png or not?
Hi
the arrows.png IS there.
in my source code I can not find this line:
<a class="nivo-nextNav">Next</a>
I found only (you can see in the attached screenshots: <a class="nivo-nextNav" /> (probably because I did not submit a text.
I checked the css and adjusted the line you mentioned (your default with the background is a little different): No effect.
I have attached 2 screenshots: The code IS there ... the magic simply does not work (not Opera, not FF, not IE, not chrome)
Olaf
the arrows.png IS there.
in my source code I can not find this line:
<a class="nivo-nextNav">Next</a>
I found only (you can see in the attached screenshots: <a class="nivo-nextNav" /> (probably because I did not submit a text.
I checked the css and adjusted the line you mentioned (your default with the background is a little different): No effect.
I have attached 2 screenshots: The code IS there ... the magic simply does not work (not Opera, not FF, not IE, not chrome)
Olaf
your given info is not the enough to find out what the problem is, you should miss something there.
also removing next/prev text does not affect on default theme behavior.
all i can say is, if u want to omit slider container shadow, just comment out line 15-17 from \css\themes\default\default.css file.
Or: install a fresh copy, and recreate the theme again.
also removing next/prev text does not affect on default theme behavior.
all i can say is, if u want to omit slider container shadow, just comment out line 15-17 from \css\themes\default\default.css file.
Or: install a fresh copy, and recreate the theme again.
I checked your new theme css, you forgot to rename class located at line 67 from '.theme-default' to '.theme-diamed01' .
for making sure any class left, just open your css at a editor and find/replace '.theme-default'/'.theme-diamed01'.
for making sure any class left, just open your css at a editor and find/replace '.theme-default'/'.theme-diamed01'.
Hi
well, I appologize, I thought I did a thorogh search&replace. Now it works.
Thank you very much ... again.
Olaf
well, I appologize, I thought I did a thorogh search&replace. Now it works.
Thank you very much ... again.
Olaf
a little more information: When I remove the shadow from the default theme - everything works as expected! Which brings me to the conclusion something seems to be wrong with the JS.
My theme is called some99_thing.css - maybe JS does not handle the name correctly?
I have also made sure that in my some99_thing.css the classes are correct:
Olaf