WordPress.org

1. bowoolley
   Member
   Posted 8 months ago #

   Hi - I've read through all the posts here, but haven't found an answer. I've tried modifying the CSS (in my theme) and have managed to change everything, but I'd like to add a bullet before each individual question. Can someone help with this? TIA if so!

   http://wordpress.org/extend/plugins/wordpress-faq-manager/

2. norcross
   Member
   Posted 8 months ago #

   Got a link to your site?

3. bowoolley
   Member
   Posted 8 months ago #

   Sure: http://www.lightworkersplayground.com. That was fast... :-)

4. norcross
   Member
   Posted 8 months ago #

   OK, assuming the page is here: http://www.lightworkersplayground.com/help/faq/

   the issue is that they aren't really "list" items in this construct, so any CSS relating to list items wouldn't apply here. If you wanted to have a bullet image to the left of a part of it (the larger title? smaller one? text?) you'd want to use some CSS as follows:

   .single_faq h4.faq_question {
   padding-left:15px;
   background:url(images/THE_BULLET_IMAGE) no-repeat left center;
   }

5. bowoolley
   Member
   Posted 8 months ago #

   It worked, thanks. :-) Now I'm just wondering why there's a text cursor instead of a hand for the jquery dropdowns... I saw another post about it in the forums, but didn't quite understand the problem. I'm using Suffusion with tons o' plugins, including wp-jquery-lightbox. Do you think there might be a conflict?

6. norcross
   Member
   Posted 8 months ago #

   Very possible. With a lot of things running, it's hard to say.

7. John
   Member
   Posted 8 months ago #

   I too am using Suffusion but can't get this to work. I've entered the code given above as a test and to no results. I thought it might be because I'm using h6 for my questions so I also tried it with h6 in the code but no difference. I've turned off jquery so i can have a visual differentiation until I get a handle on this question styling.

   bowoolley - did you get it working?

   My site (not live yet per-se) is http://www.ehobbiesblog.com

8. bowoolley
   Member
   Posted 8 months ago #

   Not "working" as such; I still get the text cursor instead of the hand. Nothing has changed.

9. John
   Member
   Posted 8 months ago #

   Got-it - Disregard. I had default css checked.

10. bowoolley
    Member
    Posted 8 months ago #

    I don't have default CSS checked, and still get a text cursor instead of a hand. But ô well, I still have a good FAQ page, so will patiently await clarification.

11. norcross
    Member
    Posted 8 months ago #

    I'll take a look this evening at your site to see what the issue is.

12. bowoolley
    Member
    Posted 8 months ago #

    Great, thanks. :-)

13. norcross
    Member
    Posted 8 months ago #

    @bowoolley add the following CSS to what I gave you earlier:

    .single_faq h4.faq_question {
    cursor:pointer;
    }

14. bowoolley
    Member
    Posted 8 months ago #

    Perfect, it worked! I should have realized that was missing, have been messing around in the code of other plugins and knew that it was necessary. Thanks! :-)

15. John
    Member
    Posted 8 months ago #

    Worked for me too... nice touch. Thanks

16. norcross
    Member
    Posted 8 months ago #

    Glad it worked out for both of you!

Reply

You must log in to post.