I don't have a published URL that I can provide as I have not setup a website yet. I would have thought all the details are there in the previous post, there is already custom code provided in the example, it is more about being explicit around where everything goes within Salient template.
The CSS can go in salient \ general settings - css script related - custom css code.
The instructions are correct on that article \ guide.
You just might have an error on the CSS or in the custom css code box which will affect all the CSS in that areas.
For a shorter version of the CSS you can also use this:
div.home_slider div div.content h2{
color:red;
}
should change the h2 heading text to color red on the slides.
If there aren't any headings then the CSS will not have any effect. if you are trying to change the caption text on slides then use a p instead of h2 on that CSS i.e.
div.home_slider div div.content p{
color:red;
}
Hope this clears things up and if not then please clarify with specifics as to the exact text on slides you are trying to get at with that bit of CSS.
Hi,
I am wanting to do as per the following article but as it does not work for me then I am assuming I am not getting things right.
https://themenectar.ticksy.com/article/2037/
1. Within the slide I am using in NectarSlider I have placed "home_slider" text into the "Extra Class Name" field on the slide I am using.
2. It then says to use the "Use the extra class name selector to target individual slides" and insert :
body #ajax-content-wrap .nectar-slider-wrap .swiper-slide.home_slider .content h2 { }I am not sure how I go about this step and have googled searched but cannot get a clear answer, could you explain this step in a bit more detail.
3. I have then copied the Custom CSS code into the Salient/General Settings/CSS Script Related options panel and adjusted values.
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hi,
I don't have a published URL that I can provide as I have not setup a website yet.
I would have thought all the details are there in the previous post, there is already custom code provided in the example, it is more about being explicit around where everything goes within Salient template.
Hey there,
Thanks for reaching in,
Yet not all setups are the same. Please have you site online so we can send you some CSS.
Also if its the heading 2 properties you want to change you can input them inside the brackets ie. font-size.
body #ajax-content-wrap .nectar-slider-wrap .swiper-slide.home_slider .content h2 { }Regards
Andrew,
Could you please look at the "How To" document that I provided a link to at the start of this ticket and then aswer the question I have posed.
It provides a generic solution to what I am asking about but my issue is it does not offer a full explanation.
Thanks,
Peter
Hi Peter,
Okay sorry about this.
The CSS can go in salient \ general settings - css script related - custom css code.
The instructions are correct on that article \ guide.
You just might have an error on the CSS or in the custom css code box which will affect all the CSS in that areas.
For a shorter version of the CSS you can also use this:
div.home_slider div div.content h2{ color:red; }should change the h2 heading text to color red on the slides.
If there aren't any headings then the CSS will not have any effect.
if you are trying to change the caption text on slides then use a p instead of h2 on that CSS i.e.
div.home_slider div div.content p{ color:red; }Hope this clears things up and if not then please clarify with specifics as to the exact text on slides you are trying to get at with that bit of CSS.
Thanks.