Support » Plugin: Knowledge Base documentation & wiki plugin - BasePress » The images are not responsive on my site

  • Resolved benitaorozco

    (@benitaorozco)


    Hello, I am interested in knowing if there is a way for the content to be responsive, since the images are not responsive on my site, they overflow, thank you!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter benitaorozco

    (@benitaorozco)

    Hello, I am interested in knowing if there is a way for the content to be responsive, since the images are not responsive on my site, they overflow, thank you!

    Plugin Author codeSavory

    (@codesavory)

    Hi @benitaorozco,

    BasePress doesn’t style the content of the articles and leaves that to the main WordPress theme.
    It seems that your WordPress theme doesn’t have styles for images outside of its own elements.
    You can get that fixed by going to BasePress > Modern Theme, enable the settings if you haven’t yet and in the Custom Css field add this lines:

    .bpress-content-area img {
        max-width: 100%;
        height: auto;
    }

    That should do it.

    Thread Starter benitaorozco

    (@benitaorozco)

    Muchas gracias por la respuesta.
    ¿Este código también hace que las tablas se ajusten al ancho de la pantalla?

    Quedo en espera de tu respuecta.

    Gracias por la ayuda.

    Plugin Author codeSavory

    (@codesavory)

    Hi,

    the code would apply to images only.
    if you want to make BasePress inherit the styles from your theme you could also:

    1. Make a copy of this file:
    wp-content/plugins/basepress/themes/modern/template-parts/post-content.php

    2. Paste the copy in:
    wp-content/themes/your-theme-folder/basepress/modern/template-parts/

    3. Edit the file and replace this line:
    <article id="post-<?php the_ID(); ?>">
    with this:
    <article id="post-<?php the_ID(); ?>" class="main-content">

    That should make it work with your theme styles.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘The images are not responsive on my site’ is closed to new replies.