Edit Slider Image Descriptions

Hi David,

You could use conditional tags or create a new template for the Your Nutrition page and assign that page to that template in the editor. Sounds like you already comfortable editing the theme files, but in case you need some more info on creating new templates:

https://codex.www.ads-software.com/Page_Templates

I usually find it easiest to simply copy a template that’s already laid out the way I like and then rename the file and change the Template Name at the top of the file.

Hope this helps!

C

Thanks for the suggestion.
Could you give me a little insight on how to use the conditional tags? I’m not too familiar with that.
Thanks!

Hi David,

To be honest, I usually just make new page templates, haven’t used the conditional tags very much. Sounds like a separate page template would actually be best for your situation.

C

Hmm. Are there any other options?
Are the individual slide-shows that are created for a page stored anywhere that they can be edited?

Hi David,

Not that I know of. Looking at the demo, by default you have an h1 followed by a paragraph with a class of “lead.” All you need to do is style the h1 and .lead the way you want each of them to look (different font, etc.) and you should have what you’re looking for.

Hope this helps!

C

So that makes sense to simply style the paragraph styles, but the issue is I’m not sure where to indicate in the html code what part of the title to be one style or the other.
Is there a way to change the style of the “Description” of the slider image?
See image below:
(https://cl.ly/image/3M3v0N302W2f)

Thanks!

Not sure what you’re trying to do here: (A) Change the main header/second line text so that they are different on each slide, or (B) change them so that they are are different from the default, but they are the same for each slide?

(B) can be done in CSS.

B.)
I was able to do this on the homepage (direct2youfitness.com) because I created my own index.php page, but for the other pages the image titles are defined by the default slider from the customizr theme pages, which I have not put into my own child theme.
In terms of the css, I have the styles I want already defined.
<h1>=big red text
<h2>=smaller black text

So I would like to know how to change the fonts so that they are different from the default, but are the same for each slide. Can this only be accomplished by creating a new page within my child theme?

Thanks.

You don’t need a custom page. Put

.carousel-caption > h1 {
    color: #FF0000;
    font-size: 3em;
}
.carousel-caption > .lead {
    color: #000000;
    font-size: 1em;
}

in your Custom CSS and play around with the sizes.

Fantastic. Thank you very much ElectricFeet!