Hi Pete, try adding the CSS from the documentation as well.
If you customize it like this it should be closer to what you need:
.meteor-slides p {
bottom: 0;
left: 0;
color: #E6632B;
font-weight: bold;
margin: 0;
padding: 5px;
position: absolute;
text-align: left;
width: 100%;
}
Hi JLeuze
I have replaced the code from the doc with this one, I tried changing align from left to center but it still stays left.
If I could increase the font size all should be well 🙂
If you inspect the page with Firebug, there is a rule in there that is forcing the text to be justified:
.custom .format_text p, .custom .format_teaser p, .custom .archive_intro p {
text-align: justify;
text-indent: 0.5em;
}
So if you make the rule for the slideshow titles more specific, it will override that:
.custom .meteor-slides p {
bottom: 0;
color: #E6632B;
font-weight: bold;
left: 0;
margin: 0;
padding: 5px;
position: absolute;
text-align: left;
width: 100%;
}
I would recommend using a custom stylesheet so that you don’t lose your changes when you update the plugin.
Sorry, I’m a little confused, do you mean the above code into my themes custom.css, I tried that but no change
Sorry, that was the wrong link, you need to copy the plugin’s meteor-slides.css stylesheet into your theme: http://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/
It does in part at least seem to be working, my remaining issues are the image paths, I cant seem to work out the correct path.
The title still stays left and ideally I would like to increase the font size.
Thank you for your help so far 🙂
Please disreagrd my previous post. I have sorted it all out 🙂
