Support » Plugin: Arconix FAQ » Aligning the plus sign

  • Resolved dalaboy77

    (@dalaboy77)



    Friends, is it possible to align in top the plus sign on the FAQ collapsed list? By default it seems to be aligned in the center. When the question title spans more than one line, the plus sign slides down, which does not look so pretty.

    Million thanks for your awesome work!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi,

    First of all, I apologize for the delay in response.

    Thank you for providing the page URL.

    Yes, it is possible to align the plus sign to the top left corner. To achieve the same below is the CSS code which you will need to replace on line numbers 46 and 53 in the ‘arconix-faq.css’ file of our plugin Arconix FAQ.

    CSS Code:

    On line 46: background: url(../../images/toggle-open.png) no-repeat left top transparent;

    On line 53: .arconix-faq-title.faq-open { background: url(../../images/toggle-close.png) no-repeat left top transparent; }

    Once you have replaced the provided code, please check and let us know whether the Plus sign is displaying according to your requirement or not.

    Feel free to ask if you have any questions.

    Regards,
    Priyanka Jagtap

    Hi, Priyanka,

    Many thanks for your reply!

    I added the ‘top’ property in arconix-faq.css file, as you suggested. I also tried replacing it with other properties such as ‘text-top’ and showing the exact place like ‘5px 5px’. None of these changed the plus icon’s vertically centered position.

    So, I thought that the style sheet of the theme or something else might be overriding the properties in arconix-faq.css file.

    To overcome that, I added the below code in the additional built-in CSS editor (in ‘WordPress/Appearance/Editor’):

    .arconix-faq-title {
        background-position: 0px 3px !important;
    }
    
    .arconix-faq-title.faq-open { 
        background-position: 0px 3px !important; 
    }

    And it worked beautifully and placed the plus icon exactly where I want it to be (well, I experimented a little bit before finding that ideal ‘0px 3px’ spot).

    This wouldn’t be possible without your hint of the above two lines in the code.

    Thank you very much for this amazing plugin and your support!

    Hi @dalaboy77,

    You are welcome 🙂

    I am glad to know that provided information was helpful for you to achieve your business requirement.

    Thank you for appreciating our plugin and support. It would be great if you can give a bit of your precious time for reviewing our plugin on WordPress.org. Here is the link https://wordpress.org/support/view/plugin-reviews/arconix-faq

    Please let me know if you have any further questions.

    Regards,
    Priyanka Jagtap

    I’ve given you five stars in the review couple of weeks ago. 🙂
    This is an awesome plugin!

    Hi @dalaboy77,

    oh, that’s great. Thank you so much for reviewing our plugin. 🙂

    I didn’t notice that you have given the review already.

    Please let me know if you have any further queries.

    Regards,
    Priyanka Jagtap

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.