Support » Plugin: Collapse-O-Matic » Competely lost with collapse o matic

  • Resolved gite_kaus

    (@gite_kaus)


    Hello,

    I really need help please. My version of Collapse-O- Matic is 1.5.7. My website is http://www.propertypeaks.co.uk/landlords.

    1. I need to make post close automatically by clicking a new title.
    2. I need to replace arrows with my icons.
    3. Remove underlining from the title.

    I’ve tried everything, read documentation as well, but still not clear enough. At the end wanting to collapse previous post, i added code and my titles completely disappeared.

    Here is the the code:

    <span style=”color: #00ccff; font-size: 18px;”>FAQ</span>  

    <span style=”color: black; font-size: 22px;”>[expand title=”Are we Estate Agent?”rel=”landlords-highlander”]</span>
    <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>

    Many Thanks!
    Gitana

    https://wordpress.org/plugins/jquery-collapse-o-matic/

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author Baden

    (@baden03)

    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.

    Plugin Author Baden

    (@baden03)

    Any Joy?

    Thread Starter gite_kaus

    (@gite_kaus)

    Hi,

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

    Thread Starter gite_kaus

    (@gite_kaus)

    Hi,

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

    Thanks

    Plugin Author Baden

    (@baden03)

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

    Thread Starter gite_kaus

    (@gite_kaus)

    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

    Plugin Author Baden

    (@baden03)

    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.

    Thread Starter gite_kaus

    (@gite_kaus)

    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>

    Plugin Author Baden

    (@baden03)

    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;
    }
    Thread Starter gite_kaus

    (@gite_kaus)

    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>

    Plugin Author Baden

    (@baden03)

    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.

    Thread Starter gite_kaus

    (@gite_kaus)

    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.

    Plugin Author Baden

    (@baden03)

    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.

    Thread Starter gite_kaus

    (@gite_kaus)

    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!

    Plugin Author Baden

    (@baden03)

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

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Competely lost with collapse o matic’ is closed to new replies.