spoiler title

The entire title comes in one div, so it is not directly possible to edit part of the text and change its color.

Would you be open to customizing this plugin to suit your needs? The plugin is really flexible and adding new fields can be done in under 30 mins.

PS: The site looks really good. Kudos!

So can you let me know how can i customize or even onlt one color for complete title.
please help me out i want to complete this site asap

can u send me code to customize text color title the way you describe!!!

I looking for the same thing.
Also i would like to get H2 on the spoiler title and H3 or H4 the spoiler content
IS it possible??
Thanks!!

@pankaj_vnt: I will look into the code and respond by Tuesday

@daniel75321: I think you can customize the css and get equivalent of H2 and H3/H4 in the spoiler. Can you send me a link to your site so that I can help with the custom CSS?

PS: It is general practice to open a new thread for issues

@thecodeisclear the page is https://www.garcia-dihinx.com/dev/aumento-de-senos-aumento-de-mamas/
And I would like to “Consideraciones” to be a H2
Is it possible??
Thanks!!

@daniel75321: You could give your spoilers a custom class (let’s call it pseudoh2). Your spoiler shortcode would look something like this.

[su_spoiler title="Preguntas Frecuentes" class="pseudoh2"]?Qué tipo de anestesia se aplica?
La cirugía de implante mamario se realiza mediante anestesia multimodal, es decir mediante la combinación de sedación endovenosa o anestesia general, siempre combinada con anestesia local.[/su_spoiler]

Then from your admin dashboard, click on Shortcodes > Settings > Custom CSS and add the following code

.pseudoh2 .su-spoiler-title {
	font-size: 47px;
	font-weight: 300;
	text-transform: uppercase;
}

Basically, what I have done is changed the spoiler title CSS to match the H2 of the theme. If you change your theme, you will need to update this portion as well.

I was able to add html to my spoiler titles, including h types, directly as well as using custom classes.

I had to be sure to use single quotes instead of double quotes for anything inside the shortcode attributes.

For example:

[su_spoiler title=”<h2 class=’addcustomclasshere’>Check <span style=’color:#ff0000;’>THIS</span> out</h2>” style=”fancy” class=”evenmorecustomcss”]

Using h type does make the spacing around the title within the spoiler big – some br tags would get added that I haven’t figured out how to get rid of. I worked around this by adjusting the margins/padding around the h2 using the custom class for it.

But using h2 instead of just lookalike custom css made the spoiler titles actual headings that carry the heading markup.

My custom classes did not need to involve the plugin classes to work this way.

@pankaj_vnt – the solution from @goldhattrick would work really well without having to make any code changes.

[su_spoiler title="<span style='color:#f36f0c'>Jour 01 :</span><span style='color:#009c12'>Arrivée à New Delhi (l’organisation de ce premier jour peut varier en fonction de vos heures d’arrivées)</span>" color="#f36f0c" style="fancy" icon="chevron"]

PS: I see that you have implemented it in your site.

[su_spoiler title=”<span style=”color: #f36f0c;”>Jour 05 :</span> De Jaipur vers Khejarla – par la route en voiture personnelle climatisée / 270 km / 6h” style=”fancy” icon=”chevron”]

Dear Support,
I change colour of text in spoiler, but always automatically its changing.
and its becoming <span style=’color: #f36f0c;’> from single (”) to dobule <span style=”color: #f36f0c;”> (“”).
i tried several time but its not working and after title is showing just Titre du spoiler…
Can someone solve this bug, waiting for your positive reply…
Thanks

@pankaj_vnt:

Are you using the visual editor? If you are, stop.

Do not view or type your code in the visual editor. It will automatically change the coding every time.

Only use the HTML editor to code with single quotes.

I did check my rendered pages:

The single quotes are preserved within the double quotes once the page is fully rendered – if coded & saved via the HTML editor only.

Any attempt to use the visual editor or switch back & forth between the visual & HTM editors would convert all single quotes to double quotes.

@goldhattrick:

I am using html editor, its happing automatically… Can you suggest me another way to do this please…!!!
waiting for you positive response

When I use the HTML editor, it’s WYSIWYG.

I even cut & pasted your above coding directly into my page to test & it rendered fine. The single quotes were preserved.

From what I can tell of the plugin, it doesn’t actually do anything other than take what’s between the double quotes & clone that into HTML tags. I doubt the SU plugin is changing the quotes but WP has been known to do this & other automatic “corrections”.

I’ve heard that future updates to WP itself will resolve the autocorrection problems. Until then, you’ll have to filter those out manually. The plugin can’t do anything if the quotes are changed by WP first.

Is the option to correct nested XHTML on? That might be a problem.

Otherwise, maybe try to stop wptexturize or see if you have some other sort of autocorrection function activated.

I only have problems with code being changed on me if I use the visual editor. I don’t think the single quotes being changed is from the plugin itself.