SP Page Builder Pro - Svg Size - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

SP Page Builder Pro - Svg Size

A

ach

SP Page Builder 1 month ago

Hello,

I installed the Ensure template (the latest one). On the home page, there are small SVG icons above the text "Health & Protection" and "Education." When I replace the image with an SVG icon, it is resized in the code (width="300" height="279"), and when I replace the SVG icon from the template, it is not resized.

How do I resize with SP Page Builder Pro?

Thanks

<div class="sppb-col-md-4 sppb-col-sm-6 sppb-col-xs-6  " id="column-wrap-id-1cfc53ee-818a-4414-a8c3-2f5f3994370a">
                    <div id="column-id-1cfc53ee-818a-4414-a8c3-2f5f3994370a" class="sppb-column " >
                        <div class="sppb-column-addons">
                            <div id="sppb-addon-wrapper-ec000c25-b57e-44bf-84bc-f59b8a196248" class="sppb-addon-wrapper  addon-root-feature">
                                <div id="sppb-addon-ec000c25-b57e-44bf-84bc-f59b8a196248" class="clearfix  ">
                                    <div class="sppb-addon-content-align-before sppb-addon sppb-addon-feature ensure-feature-box">
                                        <div class="sppb-addon-content">
                                            <span class="sppb-img-container"><img class="sppb-img-responsive" style="display: inline-block" src="/images/01-home/feature1__x.svg" alt="Accès au logement simplifié"  width="300" height="279" loading="lazy"></span>
                                            <div class="sppb-media-content">
                                                <h3 class="sppb-addon-title sppb-feature-box-title">Accès au logement simplifié</h3>
                                                <div class="sppb-addon-text">
                                                    <p style="text-align:justify;">
                                                        Pour entrer au Foyer des Jeunes Ouvriers, rien de compliqué : les dossiers d’admission sont simplifiés et les délais d’entrée et de sortie raccourcis. Le préavis de départ est de seulement 8 jours !
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="sppb-addon-wrapper-d5fe99fa-f739-4692-81d0-71f8cfec4998" class="sppb-addon-wrapper  addon-root-feature">
                                <div id="sppb-addon-d5fe99fa-f739-4692-81d0-71f8cfec4998" class="clearfix  ">
                                    <div class="sppb-addon-content-align-before sppb-addon sppb-addon-feature ensure-feature-box">
                                        <div class="sppb-addon-content">
                                            <span class="sppb-img-container"><img class="sppb-img-responsive" style="display: inline-block" src="/images/2020/02/25/feature3__x.svg" alt="Fire Insurance"loading="lazy"></span>
                                            <div class="sppb-media-content">
                                                <h3 class="sppb-addon-title sppb-feature-box-title">Fire Insurance</h3>
                                                <div class="sppb-addon-text">
                                                    Our education plans help you to save steadily over a period of time, securing your child’s.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
0
6 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202637

Hello ach,

Sorry for the inconvenience. Please check the site now. I've added some custom CSS to the addon's custom CSS section, as shown here: prnt.sc/qYbWuTKaP15m.

Best regards

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202600

Hello ach,

Sorry for the inconvenience. I've checked your site and can confirm the SVG size is currently set to width="300" height="279". If you're aiming to match the size with the other icons, please try setting the width to "86" and the height to "80". These dimensions are based on the other icons on the page.

If this doesn't solve the issue, please reach out and I'll look into it more deeply.

Best regards

0
A
ach
Accepted Answer
1 month ago #202607

I had already changed the size and it doesn't work.

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #202608

Hi there!

Thank you for bringing this to our attention, and I sincerely apologize for the inconvenience caused.

To assist you more effectively, may I kindly request temporary administrative access to your site? This will allow me to thoroughly investigate and resolve the issue for you.

Before sharing the credentials, I strongly recommend taking a complete backup of your site to ensure all data remains secure.

Looking forward to your response.

Best regards

0
A
ach
Accepted Answer
1 month ago #202636

here is the access.

I mainly want to know where the problem is coming from and how to fix it if I have to reinstall or make other modifications.

0
A
ach
Accepted Answer
1 month ago #202669

Thanks for the CSS solution

0