Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2024 at 4:37 am #1465321
    ronduring

    In the site admin, on a regular page, we re using the table feature for some content. Within the content boxes of the tables we have been using a small svg image icon next to a link. The source code for the svg in the code is 24px. At some point a few versions back on Enfold, when you go edit these tables we see a really large Icon image just showing in the admin. It makes it very difficult to make edits. On the front end of the site, things are ok. When inspecting the element this is what you see:

    .avia-modal img[src*=”.svg”] {
    width: 1500px;
    }
    The source location for the css is here:
    themes/enfold/config-templatebuilder/avia-template-builder/assets/css/avia-builder.min.css?ver=6.6.1-6.0.3

    I try putting in CSS overrides at the Enfold level, and WordPress customize, and that didn’t work. I also tried a child theme and then tried the CSS directly in that and it didn’t work. Please advise what can be done to override this correctly.

    August 25, 2024 at 2:21 pm #1465347
    Mike

    Hey ronduring,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_css_admin_mod() {
  echo '<style>
    .avia-modal .avia-table img[src*=".svg"] {
width: 24px;
}
  </style>';
}
add_action('admin_head', 'custom_css_admin_mod');

    Then clear your browser cache and check.

    Best regards,
    Mike

    August 25, 2024 at 11:08 pm #1465379
    ronduring

    Thanks Mike. That fixed the issue.

    August 26, 2024 at 7:02 am #1465392
    Ismael

    Hi,

    Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘SVG Size in Admin Broken’ is closed to new replies.