Competely lost with collapse o matic

try this instead:

1. Your shortcode (edit this in TEXT mode, not VISUAL mode):

[expand title="Are we Estate Agent?" rel="landlords-highlander" trigclass="faqtrigger"]
<span style="color: #00ccff;font-size: 15px;">NO. WE ARE DEFINITELY NOT.</span>
Property Peaks rent properties from landlords and provide accommodation to professionals. We manage your property effectively, while giving you the freedom of NOT having to deal with tenants and estate agents. [/expand]

2. Add the following to the plugin’s custom CSS section:

.faqtrigger {
   color: black;
   font-size: 22px;
}

Give that a try and let us know if it gets you pointed in the right direction.

Any Joy?

Hi,

Oh, i missed your post! Will try right away :)Thank you very much!

Hi,

Sorry, where do i find the plugin’s custom CSS section? In my esditor i only have stylesheet.css?

Thanks

Dashboard > Settings > Collapse-O-Matic > Custom CSS

I did find where to ad the custom CSS, and that brought up the title back, but it’s not closing first section after i click the next one. Or are there other steps to be done?

Also i would like to change the icon instead of arrow.

Many thanks,
Gitana

As you can see, the first collapse element is working, but the rest are not.
Please compare the first and second shortcodes on your site and see if you can get the second one to work.

Did apply same thing to the next link, but it’s not doing closing still ??

Here is the code:

<span style=”color: black; font-size: 22px;”>[expand title=”Are we Estate Agent?” rel=”landlords-highlander” trigclass=”faqtrigger”]
<span style=”color: #00ccff;font-size: 15px;”>NO. WE ARE DEFINITELY NOT.</span>
Property Peaks rent properties from landlords and provide accommodation to professionals. We manage your property effectively, while giving you the freedom of NOT having to deal with tenants and estate agents.<span style=”color: #000000;”> [/expand]</span>

<span style=”color: black; font-size: 22px;”>[expand title=”Do we lease properties on a long term basis?” rel=”landlords-highlander”trigclass=”faqtrigger”]
<span style=”color: #00ccff;font-size: 15px;”>YES, WE LEASE THE PROPERTIES FOR 2-3 YEARS.</span>
This will ensure that your property will be 100% managed for the whole of the period. You will not have to worry about finding tenants or leaving your property unoccupied for long periods.<span style=”color: #000000;”> [/expand]</span>

Please replace with the following.

[expand title="Are we Estate Agent?" rel="landlords-highlander" trigclass="faqtrigger"]
<span style="color: #00ccff;font-size: 15px;">NO. WE ARE DEFINITELY NOT.</span>
Property Peaks rent properties from landlords and provide accommodation to professionals. We manage your property effectively, while giving you the freedom of NOT having to deal with tenants and estate agents.[/expand]

[expand title="Do we lease properties on a long term basis?" rel="landlords-highlander" trigclass="faqtrigger"]
<span style="color: #00ccff;font-size: 15px;">YES, WE LEASE THE PROPERTIES FOR 2-3 YEARS.</span>
This will ensure that your property will be 100% managed for the whole of the period. You will not have to worry about finding tenants or leaving your property unoccupied for long periods.[/expand]

Here is a little tip for you: if you are going to be using <span style="color: #00ccff;font-size: 15px;"> more than a couple times, you might consider creating a class:

<span class="my_disco_class">

then, as before, adding your class to the css:

.my_disco_class {
   color: #00ccff;
   font-size: 15px;
}

Sorry, my wordpress coding knowledge is not brilliant.
I just removed it, i don;t think i needed to be using many times. So is the code ok now looking like this:

<span style=”color: black; font-size: 22px;”>[expand title=”Are we Estate Agent?” rel=”landlords-highlander” trigclass=”faqtrigger”]
<span style=”color: #00ccff;font-size: 15px;”>NO. WE ARE DEFINITELY NOT.</span>
Property Peaks rent properties from landlords and provide accommodation to professionals. We manage your property effectively, while giving you the freedom of NOT having to deal with tenants and estate agents.[/expand]</span>

<span style=”color: black; font-size: 22px;”>[expand title=”Do we lease properties on a long term basis?” rel=”landlords-highlander”trigclass=”faqtrigger”]
<span style=”color: #00ccff;font-size: 15px;”>YES, WE LEASE THE PROPERTIES FOR 2-3 YEARS.</span>
This will ensure that your property will be 100% managed for the whole of the period. You will not have to worry about finding tenants or leaving your property unoccupied for long periods.<span style=”color: #000000;”> [/expand]</span>

you just posted the exact same code as before.
1. there is no need for the spans:
a) at the start the the expand
b) before the closing [/expand] tag
c) after the closing [/expand] tag

2. there needs to be a space between ” and trigclass in your second example:
BAD:

rel="landlords-highlander"trigclass="faqtrigger"

Correct:

rel="landlords-highlander" trigclass="faqtrigger"

The correct shortcode is posted in my last post. Be sure completely replace your existing code and past the corrected code IN TEXT MODE.

PS, when you paste code here on the forum, please select it and hit the code in the text format toolbar above.

Sorry about this confusion. Many thanks, the closing now works ??

If you would be kind enough to help me with the following as well:

1. How to remove the underline from the title
2. How to replace the arrow to the png i uploaded to my library or at least change the arrow’s colour to blue.

1. To change your title, you should teach your self a bit of css. There are many, many resources online. What you will need to do is add the following to the plugins custom css:

.colomat-hover {
   text-decoration: none;
}

2. To replace the arrows, please follow the instructions in the documentation under arrows.

Thank you very much! I will have to look again in to documentation. I’ve tried it before, but i’ll give another go.
Many thanks again!

hope you get everything working. in the meantime, don’t forget to vote for pedro!