Danster

Hi Baden,
my apologies!
The .songlist-heading class now has been given some padding and does not overlap the arrow png.
I’m obviously a rookie, thanks for your patience and help!

I had also reverted back to the .collapseomatic and .colomat-close that I used for my FAQ page for simplicity.

Thanks Baden!
Danster

Hi Baden, thanks for the reply.
The two pages I was refering to are:

https://www.poplife.com.au/faq (works great)

https://www.poplife.com.au/songlist (different font control overlaps the open/close image)

Kind regards,
Danster

I also noticed on the songlist page that the .your_special_class.close
was not working. Its was still displaying the openpng instead of the closepng.

How does collapse-o-matic recognise the classes .colomat-close and .your_special_class.close?

I think this is the bit I dont quite understand…

Kind regards,
Danster

Thanks Baden,
that didn’t quite work, and I must be missing a piece of understanding.

My FAQ page works great and has this bit of code:
<div>
[expand title=”WHERE DO I START?” rel=”start” trigclass=”faq”]…..[/expand]
</div>

where faq is a google font control, and it calls on the .collapseomatic & .colomat-close css classes described above. Works well.

My other page SONGLIST has this bit of code:
<div>
[expand title=”PARTY STARTERS” rel=”party” trigclass=”songlist-heading”]…
[/expand]
</div>

where songlist-heading is another google font control.

I tried replacing this one with trigclass=”your_special_class”
and of course putting in the new css clases with the correct urls.
Unfortunately it removes my prefered font control(songlist-heading). Anyway I can keep this font in the expand title?

Hi Baden,
I currently have two instances of collapsable text on two different pages.
One page works beautifully, with the arrows replaced by the png files (see CSS/child theme below) and spaced nicely.
However on the other page , the text abutting the png image is quite a bit larger and is currently overlapping into the png image.

Could you guide me , as if I move the png background position in the CSS, it will affect both pages.
How can I use them independantly? Do I just run two plugin instances of collapse o matic?

Kind regards,
Danster

/*replaces FAQ open arrow with image*/
.collapseomatic {
background-image: url(https://www.mydomainname.com.au/wp-content/uploads/2015/08/FAQopen.png) !important;
background-position:0% 5%;
}

/*replaces FAQ close arrow with image*/
.colomat-close {
background-image: url(https://www.mydomainname.com.au/wp-content/uploads/2015/08/FAQclose.png) !important;
background-position:0% 5%;
}

Just found it;)

Beautiful! Thanks so much Baden !

Thanks Baden. Just removed the surrounding <h4> tags, kept the inner tag=”h2″.

Tried inserting trigclass=”highlight” as in:

[expand title=”HOW DO I GET STARTED?” trigclass=”highlight” tag=”h2″].

By itself this code doesn’t have any effect , do I need to then create an extra bit of CSS to make the heading appear white?

Hi Bojan,
added these bits to my simple custom css and it worked!

/*remove border from table*/
table {
border:none;
}

/*remove border from table cell*/
td {
border:none;
}

Hi Baden,
Thanks for a great plugin . I too would like to change the title color from the default black to white.

I’m using the visual editor to enter html:

<h4>[expand title=”HOW DO I GET STARTED?” tag=”h2″]</h4>

I haven’t specified any css for the title in custom style.
Is that what I need to do?
Kind regards,
Danster

I currently have the cue plugin on my website for my music page (https://www.poplife.com.au/music-video/)
but I’d also love to have my homepage run a playlist in the background.

I’ve currently got the code on my homepage https://www.poplife.com.au/

<embed autostart=”true” height=”0″ loop=”true” src=”https://URL OF YOUR MEDIA.mp3″ width=”0″/>

I’d like to know if I can get Cue to play a separate playlist in the background of a separate page?

( PS Just noticed that my mobile isn’t playing that mp3 but desktop is )

Hi Brady,
Brilliant! worked first time.
Thank you for that!
Danster

Hi Dre,
almost there. The playlist now has a transparent background ( https://www.poplife.com.au/audio-video/ ) .
Is there a bit of code to bring back the white background ?
Kind regards,
Danster

Hi dre, thanks for the response!
I just tried this in my “Custom CSS” plugin but it didn’t work.
Also tried it in the Visual Editor on my audio page, but I’m not sure that is the right place for it.

Which css file would I need to edit / implement that code into?
Kind regards,
Danster

All sorted, rookie stuff ??

edit row -> padding =0