code for text with color and italic

Yes, you do should not use HTML in the title attribute.
Do this:

[expand title="weiterlesen" trigclass="my_special_class"]...[/expand]

And then add the following CSS to your theme’s Quick CSS, or to the plugin’s Custom CSS under Dashboard > Settings > Collapse-O-Matic > Custom CSS:

.my_special_class {
   color: #9b8442;
}

Hi
thanks a lot. works great, but how can I have the arrow in the same color.

and it changes my padding left.
when I open the text my left padding goes for the rest of the page (all other content) to the right.

thanks for help
snowbird

Hi Collapse o matic

I have two questions, maybe you can help me:

You gave me this code:

.my_special_class {
color: #9b8442;
}

I changed it to this, but it don’t work with the font changing

my_special_class {
color: #9b8442;
font-family: “Ubuntu”;
font-size: 19px;
font-weight: 500;
}

2. How can I change the colour of the arrow?

I wish you a funny day
snowbird

by adding the missing dot to your class definition:
my_special_class != .my_special_class

The class Selector
The class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period (.) character, followed by the name of the class.

Here is a pretty great resource on CSS

• This reply was modified 7 years, 1 month ago by twinpictures.

Sorry but I’ m real beginner with this:

you mean the code then looks like this?

my_special_class != .my_special_class {
color: #9b8442;
font-family: “Ubuntu”;
font-size: 19px;
font-weight: 500;
}

and the other like this: [expand title=”weiterlesen” trigclass=”my_special_class !=.my_special_class”]

be sure not to forget the dot/period (.) at the beginning:

.my_special_class {
   color: #9b8442;
   font-family: “Ubuntu”;
   font-size: 19px;
   font-weight: 500;
}

hi thank you and last question

how can I change the arrow color also to : color: #9b8442;

and for all others that need help: the definitive code was:

.my_special_class {
color: #9b8442;
font-family: ‘Ubuntu’;
font-size: 19px;
font-weight: medium;
}

The arrow is an image, so you would have to either replace the image, or use a font library such as font awesome. Here are some posts that explain how to do it, but we recommend you get assistance, as it might be a bit beyond your current skill level.

https://spacedonkey.de/1578/collapse-o-pro-matic-css-tricks-arrows/
https://spacedonkey.de/2025/collapse-opro-matic-css-tricks-ii-font-awesome-arrows/

If you do not have someone that can assist you, and a more personal assistance is required, please consider upgrading to collapse-pro-matic, as it comes with a very high level of personalized support.

Issue “text with color and italic” is marked as resolved.

ok twinpictures

I will have a look, if I shuold upgrade. for them moment I thank you very much for your kind help and wish you a funny weekend