Must Read: New Unified System is officially live Must Read     |   6 Templates Updated (27 April 2018) Read more

Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How do I change the color of a title and subtitle in an accordian

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Dear Paul,

Just wondering how I would target the article titles and subtitles (in the open view) on this page to make them darker. I have tried:

.accordiantext {
color: #000;
}

.accordiantext h5 {
color: #000;
}

.accordiantext h4 {
color: #000;
}

None of these worked.

Here is the page:
www.oasiswebdevelopment.com/flow/index.php/clinical-services/diagnostic-tests

As always, thanks for your help.

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
I used

h4.accordion-title a {
color: here;
}

accordion has an 'o' at the end
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 7 months 6 days ago by blueshift.
The administrator has disabled public write access.
thank you but it did not seem to work:

I used:

h4.accordion-title a { color: #222; }

Elizabeth

www.oasiswebdevelopment.com/flow/index.php/clinical-services/diagnostic-tests
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
what happens iff you use !important

h4.accordion-title a { color: #222 !important; }

also, with JB, selectors, you can use this selector syntax: .accordion-title h4 a
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
this is a specificity problem as the template code has an id in it so to override that it needs to match that level of specificity

Will look when this power cut is over

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Bit windy here with the tail end of a hurricane

try adding

#grid5wrap .accordiontext h4 a {color:#000}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul,

but now the accordion titles in grid 18 (same row) have to be targeted and I don’t know what to use instead of
the 5 in:

#grid5wrap .accordiontext h4 a {color:#000}

(that targets the accordion in grid 17)

how did you come up with grid5wrap to target the accordion in grid 17?

Here is the page:

www.oasiswebdevelopment.com/flow/index.php/clinical-services/diagnostic-tests

Thank you.

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,

The module class is different on this module so try with this line of css

#grid5wrap .accordiontext h4 a, #grid5wrap .accordiontext2 h4 a {color:#222;}

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
thank you... that worked!
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
You're welcome

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers