Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 25, 2022 at 2:05 pm #1373869
    domchocolate

    Hi

    I want to edit .avia-builder-prev-img-container-wrap in avia-builder.css to have a width of 800px to fix support issue with SVGs in the preview image so I can see what I’m doing when editing and moving hotspots in image hotspots element (SVGs display as small images unless a width is set).

    Adding –

    .avia-builder-prev-img-container-wrap { width: 800px } – fixes the issue but I’d like to make sure it’s not overridden with theme updates. Is it possible to add and link to this file with my child theme?

    Thanks in advance

    Dominic

    November 26, 2022 at 9:16 pm #1373980
    Mike

    Hey domchocolate,
    Unfortunately, you can not add it to your child theme, instead try adding your css to your child theme functions.php like this:

    function avia_builder_prev_img_container_wrap(){
    ?>
    <style>
	  #wpwrap .av-hotspot-container .avia-builder-prev-img-container-wrap{width: 800px}
  </style>
    <?php
    }
add_action('admin_head', 'avia_builder_prev_img_container_wrap');

    Best regards,
    Mike

    November 29, 2022 at 12:56 pm #1374264
    domchocolate

    Brilliant. Thanks Mike.

    November 29, 2022 at 1:23 pm #1374273
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Using and editing avia-builder.css in a child theme’ is closed to new replies.