Hi, just solved the problem 1 by adding width: 100% in the custom as follows -

.sppb-img-responsive { max-height: 450px; width: 100%}

Is there any other way to solve it more smartly?

Joomsharper, please help to resolve the problem 2 as well. Thanks

Hi, it is found that "width: auto" also serve the purpose. Thanks

Hi

Thanks for contacting us. Yes, you can use custom CSS for that, you can set the width like that. This is the correct way. Glad to know that you have found the solution.

-Regards.

Hi Mehtaz,

Thank you for your reply.

Can you also advise on my problem 2 regarding title missing please.

Regards,

Forrest

Could you please give me that specific page link?

Hi, below is the link of the page. Thanks

https://cms.hkbws.org.hk/avifauna/species/0250/033000

Regards,

Forrest

Are you talking about this?

https://prnt.sc/VEsB0MWmb_NN

It is showing here on live site.

Hi Mehtaz,

Sorry that it should been some communication problems for such a simple and direct help request.

My problem is that the title "Figure 2" is missing in the live site.

https://cms.hkbws.org.hk/avifauna/species/0250/033000

The title "Figure 2" can be seen in the edit/admin site.

The login name and password for the admin site are provided in the hidden content.

Please advise what is going wrong. Thanks

Best Regards

Could you please enable your right click? So that I can check?

Hi, the right click is enable now. Thanks

Use this custom CSS

#sppb-addon-JBgV2A_sQGTBtaZr8F3bb .sppb-addon-title {
    color: black !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.