FAQ icon box & FAQ Question line

  • Resolved chocmanwp

    (@chocmanwp)


    7 years, 4 months ago

    Another question as I’m trying to evaluate this plug-in, in order to hopefully make a purchase, before the premium trial expires.

    I’m using the toggle symbol +/- and this is being shown in a box. A couple of issues that I can’t seem to resolve:

    1. How do you remove the box? I don’t really want the box, although if it can’t be removed, this fine as it doesnt clash with the page design. I can’t simply make the outline white to fade into the page background as I’m using a washed out photo background.

    2. The box and the symbol within appears offset (higher) than the FAQ question. I’d like it level with the FAQ question.

    See here please for the test page in question:

    https://www.ministryofchocolate.com/educational/faqs/

    Again thank you for you assistance in advance. I’ve a further question but as it’s unrelated to above, I’ll post separately.

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

  • Hi Chocmanwp,

    You can use given below custom css for removing border from symbol and align properly to FAQ line. 

    .ewd-ufaq-post-margin-symbol { 
    border-style: none;
    margin-top: 20px;
}
    Thread Starter chocmanwp

    (@chocmanwp)

    Thank you. Do you mean literally as it’s shown above i.e. on 4 lines? As I did copy and paste the above into the ‘Custom CSS’ box but it didnt have any effect on removing the border and alignment. Many thanks

    Hi choc,

    For the border, in that case, you can try just “border: none;”. I don’t see how the margin-top isn’t working, though. We just tested it again, using inspect element on your page, and it works fine. Perhaps you can try with an “!important”.

    .ewd-ufaq-post-margin-symbol {
border: none !important;
margin-top: 20px !important;
}
    Thread Starter chocmanwp

    (@chocmanwp)

    I’ve just tried that and no joy either, thank you for trying. I’ve never even seen CSS before, let alone used it, so all I am doing is literally copying and pasting the code you kindly posted into the Custom CSS box from the ‘Basic’ menu option, then scrolling and clicking ‘save changes’.

    I’m not adding anything or removing anything, it’s a litral copy and paste into the Custom box. I appreciate your effort, thank you. I’ll have to see if I can get someone to look at what I’m doing and work out why it’s not working for me, but working for you.

    I dont see a way of attaching a screen shot of my setting page either, ahhh!

    I have checked custom css on all three major browser Chrome, Mozilla and IE. It is working properly. For now You can use img button at top of reply text area on this forum to attach screenshot. That would be good idea if you attach screenshot of what is looks like and if we find something. please try taking screenshot after you enter custom css and click on save changes.

    Thread Starter chocmanwp

    (@chocmanwp)

    I was about to send you a screen shot when I decided to give it one last go. I cleared the cache, shut down everything and started again and it worked! The ‘!important’ version. Centred and without the box, fabulous!

    Can’t wait to finish the page of. I’ve taken the page back into draft mode, so you wont be able to view it, but it works a treat. Thank you Etoile – absolute dedication to customer support. Really appreciated. And of course you’ve got yourself another Premium customer when the trial runs out. No question ate all. Just what I wanted. Thanks

    Hi choc,

    Thank you for the kind words, they’re very much appreciated!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘FAQ icon box & FAQ Question line’ is closed to new replies.