FAQ Block Spacing Issue

#133607
  • Resolved Saket Yeotikar

    4 years, 11 months ago

    Rank Math free

    Hi There! Thanks for creating such a wonderful plugin to fulfill all the SEO needs.

    I am facing an issue with FAQ Block Spacing. The gap between the two questions is nearly zero which is looking very ugly and hindering smooth user experience. Would you mind to help me with this?

    You can visit the below link and move down to the end of the blog and there you see the issue I am talking about.
    Refer My Live Website

    I really hope to see some solution, I tweaked the CSS but it didn’t work-out.

    Cheers!
    Saket

Viewing 6 replies - 1 through 6 (of 6 total)
  • Reinelle

    4 years, 11 months ago

    Hello,

    Thank you for contacting Rank Math and bringing your concern to our attention. I’m sorry for the delay and for any inconvenience this issue may have caused you.

    Please use or customize this code in your style.css file or any other place you use to add CSS code:

    .rank-math-list-item {
	padding-top:15px;
}
.rank-math-question {
	margin-bottom:5px;
}

    Here’s also a screencast on how to apply this custom CSS:
    https://i.rankmath.com/UJtPVz

    I hope that helps. Thank you, and looking forward to your update.

    Saket Yeotikar

    4 years, 11 months ago

    Rank Math free

    Hi Reinelle!

    Really appreciate your response. I’ve added the code in additional CSS and it’s working fine. However, only the first part was sufficient and the second part is not working.

    Though the issue is resolved, I am wondering what might have caused this. Do you know? Are you planning a fix to this in the next update?

    Michael Davis

    4 years, 11 months ago

    Rank Math free

    Hi,

    Glad the first issue is resolved.

    I don’t see the second issue from my end, your FAQ seem to be spaced just fine, here is a screenshot: https://i.rankmath.com/AAIaWW

    Looking forward to helping you.

    Saket Yeotikar

    4 years, 11 months ago

    Rank Math free

    Hi

    Issue was only one, I was talking about the solution that is provided above has two parts. Out of that first one worked. And the next question was whether this is a known bug? If so, is it planned to fix in next update?

    Danial

    4 years, 11 months ago

    Rank Math business

    Hello,

    This does not look like a bug, and it could just be that the CSS is just clashing with the theme you are using.

    Normally you can fix this by adding custom CSS.

    I hope this resolves your issue.

    Febby

    4 years, 11 months ago

    Rank Math free

    Hello,

    We want to add that the second part of CSS, which is the code below, is not working because of this possible reason:

    1. A CSS rule with a higher Specificity is winning over the rule you expect to be applied.
    2. A CSS rule with the same Specificity is loaded after yours.
    3. There’s a browser or server cache.

    Please take a look at this screenshot
    ss-1

    We think for your site, the #1 is why the CSS we gave does not apply to your site. You can try to add !important if you really want to apply them.

    Here is the sample code

    
.rank-math-question {
	margin-bottom:5px !important;
}

    Again we would like to reiterate that this is not a bug.

    I hope this helps.

    If you require any further assistance, don’t hesitate to get in touch again.

    Thank you.

    RankBot

    4 years, 10 months ago

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

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

The ticket ‘FAQ Block Spacing Issue’ is closed to new replies.