Flash cards are not showing up properly for some themes

Hi,

The flashcards are being cut off by the container you have placed the shortcode into. You will need to adjust the margins and padding of the container to allow the flashcards the proper spacing. It is not related to the plugin itself as it is responsive.

I have adjusted the margins and padding, but they are still not displaying properly. The only way to get them to display properly is to change the WordPress 2021 default theme, even though the margin and padding settings are the same. A sample URL is given for your reference. Please check

I have installed WordPress locally and the WPFlashcard plugin with the WordPress 2023 default theme, but the issue persists, please check.

• This reply was modified 1 year, 5 months ago by firstprintable.

Hi,

You can adjust the CSS here:

.flashcard_set .front, .flashcard_set .back, .flashcard_set .other-front, .flashcard_set .other-back {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px 1px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0,.16);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

Particularly the “padding” values shown allow for your sample page to render the entire card.

Thank you so much, Now it is displaying properly

Few minor issues i am facing in this wpflashcard plugin, see below

1. Add some margin for flashcard content so that it will look good for long text content.
2. Unwantedly displaying scroll option, even for single text (definition card).
3. Bottom Border not showing properly for final card (Nice work card)

Hi,

It seems that your specific setup has some plugins that are interfering with ours. We suggest you disable all plugins except WP Flashcard LITE. See if the issues are still there. Be sure to clear all caches/turn off caching. If the problems are gone, re-enable each plugin on your site one-by-one until you see which plugin(s) are causing the issues.

You can see on our dev site that WP Flashcard LITE is working perfectly well for us. This means whatever is happening on your site is unique to your specific setup. You will need to troubleshoot your setup to see what the issue is. See our dev site with the working WP Flashcard LITE plugin here:

https://aerosmediagroup.com/devsite1/wp-flashcard-lite-demo/

We hope that helps!