- This topic has 7 replies, 2 voices, and was last updated 5 months ago by
.
- Posts
I would like to add more text information to the slider.
I’d like to add the date of the trip under the heading in a different size and font.
I have “Display Title” checked which gives me the main heading – and I was able to format that through CSS.
I also have tried checking “Display Excerpt”, which will then display the date, which I added to the content area of the page.
While it does display the text; I am unable to format it through either the page itself, or CSS.Now, to complicate things even more: my client would like the heading of each slider to be different colors.
Thank you for your help.
JeffDear Jeff,
You can add the given CSS code in Additional CSS:
Appearance > Customize > Additional CSS.image-slider-wrapper .banner-title { color: #4e4e19; }If you want the heading of each slider to be different colors then it will require theme customization.
Best Regards!
I’ve done that.
How can I specific different sliders/
?
i.e. blue banner title on slide 1 and red banner title on slide 2.Also; when I add content to a specific slider page, it displays when I have have “Display Excerpt” checked, but it does not display any formatting that I’ve done on the page.
My client wants the sliders to be as follows:
He wants the headings to be different colors on each slide.
Beneath that, he wants the date of the trip to be in a specific font.I’ve figured out most of this.
I am having trouble creating CSS for each individual slide.
I have 2 slides.
I’d like to be able to have the headline on one slide yellow and on the other slide black.
I can’t seem to find the id or class that differentiates between each individual slide.
Thanks,
JeffI understand that.
Can you give me the class which denotes each slide?
I can then CSS each one specifically.
I have done then as a group; what would be the class/id of Slide 1…. and Slide 2.Here is the CSS code that I’m using to alter the slider text.
Can you tell me what i would add to specify Sider 1 and also Slider 2?.image-slider-wrapper .banner-title {
color: #ffff00;
text-shadow: 2px 2px #636363;
-webkit-text-stroke: 1px red;
font-family: Arial;
}
.image-slider-caption p {
font-size: 35px;
font-family: ‘Nanum Brush Script’, cursive;
color: #ffff00;
text-shadow: 2px 2px #636363;
-webkit-text-stroke: 1px red;
}
- You must be logged in to reply to this topic.