Hi Brian, this is probably a conflict with your theme, can you share a link to the site you are working on?
Hi Josh,
thank you for having a look. I had to move the site to my server, hence the lag in response.
Here is the link:
http://www.agilitygraphics.com/clients/chai
I am using 960 Grid System for my css.
Brian, I took a look at your site. I see that the slideshow that you are loading has the slug of “home_slider”. I would confirm that that is correct, unless you specifically created the slug like that, it wouldn’t use and underscore, it would look like this: “home-slider”.
I did set up a Slideshow with slug “home_slider”. So I think that is not the issue. I was thinking that maybe my css reset is resetting something?
So I did a bit more investigation. I think it all works, except for the images don’t want to sit on top of each other. I am guessing something I have in my css is killing that in the meteor css.
Okay, sorry for all the posts. I figured it out, I had some padding that was messing up the sprites in the buttons.
Thank you!!!
Hi Brian, I took a closer look. It is a problem with the CSS, not the reset, but with the theme’s stylesheet. It has a lot of rules that target all the anchors, which is adding padding to the slideshow nav links:
a {
background-image: url("img/general/link_arrow.gif");
background-position: right 7px;
background-repeat: no-repeat;
color: #C41230;
font: 14px/24px "Helvetica Neue",Helvetica,Arial,sans-serif;
padding-right: 14px;
text-decoration: none;
}
You could set the padding of the paged and prev/next nav links to zero to fix this. But I would recommend not adding such specific rules to all the anchors, because every time you don’t want a link to have that style, you have to override it by setting the background to none and zeroing out the padding.
Instead the general anchor rules should be very generic, maybe set a color. And you can specify that all the anchors in the sidebar or content area should have that arrow style. Or maybe even only add it to links that have a certain class.
Yes, thank you. I will do that. Thank you for taking the time to look at this! I have it working now, what a great plugin! Thank you!!!
One more question. Is there a way to change the path to the custom css file I have now in my template directory? I would love to put that file in my css folder.
No problem Brian, are you referring to the meteor-slides.css file? Meteor Slides checks for that in the root of your theme, so it can’t be moved to a sub-directory.
Okay, no problem.
Thanks a lot again for the help!
