• Resolved Anje D

    (@michelatacca)


    Hi,

    Thanks for this great plugin!

    I am trying to customise the colour of the title, and add a background image in the title.

    I added this to the stylesheet of my theme, but no changes occurred:

    .accordion-title {
    color: #13C4a5;
    background-image: url(“path/to/closed/new.jpg”);
    }

    I’d appreciate any help. Thanks!

    https://wordpress.org/plugins/accordion-shortcodes/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    Is it possible to get a link to the page so I can take a closer look?

    Thread Starter Anje D

    (@michelatacca)

    Hi Phil,

    Sure! Please note that this website is a work in progress, not much in terms of content.

    http://themindfulway.net

    Also, I copied a previous code you had to add +/- and it shows a Σ instead of a -. My code altogether is:

    .accordion-title {
    color: #13C4a5;
    background-image: url(“path/to/closed/new.jpg”);
    }

    .accordion-title:after {
    content: “+”;
    float: right;
    }

    .accordion-title.open:after {
    content: “-“;
    }

    Thanks!

    Plugin Author philbuchanan

    (@philbuchanan)

    The “-” issue has to do with what you have in the content: "-"; Try using this instead: content: "\2212";.

    As for the color, the issue is that your theme has a more specific selector which is overriding your color setting: .post-content h3. You’ll have to over specify yours to make this work. Try something like .post-content .accordion-title and let me know if that works.

    Edit:

    Full CSS to try:

    .post-content .accordion-title {
      color: #13C4a5;
      background-image: url("path/to/closed/new.jpg");
    }
    
    .accordion-title:after {
      content: "+";
      float: right;
    }
    
    .accordion-title.open:after {
      content: "\2212";
    }
    Thread Starter Anje D

    (@michelatacca)

    Thanks for getting back to me.

    The minus issue is solved, but the font color did not change. I did not try the background image, since color has the priority.

    Plugin Author philbuchanan

    (@philbuchanan)

    Alright. When all else fails try this:

    .post-content .accordion-title {
      color: #13C4a5 !important;
      background-image: url("path/to/closed/new.jpg");
    }
    Thread Starter Anje D

    (@michelatacca)

    I am afraid nothing changes.

    Plugin Author philbuchanan

    (@philbuchanan)

    Hmm. It looks like the page you linked to above isn’t working anymore. Could you provide an updated link so I can take another look?

    Thread Starter Anje D

    (@michelatacca)

    Weird, the page is still there:
    http://themindfulway.net

    Thread Starter Anje D

    (@michelatacca)

    even weirder, the font text has now magically changed color and I did not do anything special! It looks as if there is some delay in updating the code

    Well, I guess my case has been solved! Thanks, for your help!

    Plugin Author philbuchanan

    (@philbuchanan)

    Could be a caching issue. Either way, glad to hear it is resolved!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Problems with title colour, background image’ is closed to new replies.