Images not shown in Joomla when deployed on production server

farooq
7 Posts
farooq posted this 05 December 2016

Hi,

I am using Joomla and i created a theme for Joomla in which i have added some pictures from my local disk. Everything seems to be working fine on my PC but when i exported the template and deployed in on my production server then i dont see the images i added from my disk. When i inspected the webpage it has actually taken the local file link. Can you please help me resolve this issue.

Below is a snapshot of the CSS from my production server where it shows the URL of the image to be pointing to the local server while it should have been a relative path of my production server.

.additional-class-1162730019:before {
content: url(http://127.0.0.1:12080/themler_848223627/joomla/images/editor-content/3e41a3c7e46f39a55d9ea7050a8bc588_img_hr.png);
font-size: 0 !important;
line-height: 0 !important;
}.additional-class-1162730019:before{display: inline-block;}

Hi, I am using Joomla and i created a theme for Joomla in which i have added some pictures from my local disk. Everything seems to be working fine on my PC but when i exported the template and deployed in on my production server then i dont see the images i added from my disk. When i inspected the webpage it has actually taken the local file link. Can you please help me resolve this issue. Below is a snapshot of the CSS from my production server where it shows the URL of the image to be pointing to the local server while it should have been a relative path of my production server. .additional-class-1162730019:before { content: url(http://127.0.0.1:12080/themler_848223627/joomla/images/editor-content/3e41a3c7e46f39a55d9ea7050a8bc588_img_hr.png); font-size: 0 !important; line-height: 0 !important; }.additional-class-1162730019:before{display: inline-block;}
icon
Vote to pay developers attention to this features or issue.
2 Comments
Order By: Standard | Newest
farooq
7 Posts
farooq posted this 05 December 2016

Hi,

Just to let you know that the issue is happening for Icon component, but for normal image component things are fine.

Below is the CSS for the Image component i added in my project and this is working fine, you can notice that the image url is also resolved correctly.

<img src="http://html5.terabitsoft.com/images/editor-content/46701bd9b72d8ac81a5fa67687bcc1b0_Commate1_Black.png" class=" additional-class-354230343   bd-imagestyles bd-own-margins">

Hi, Just to let you know that the issue is happening for Icon component, but for normal image component things are fine. Below is the CSS for the Image component i added in my project and this is working fine, you can notice that the image url is also resolved correctly. <img src="http://html5.terabitsoft.com/images/editor-content/46701bd9b72d8ac81a5fa67687bcc1b0_Commate1_Black.png" class=" additional-class-354230343 bd-imagestyles bd-own-margins">

Last edited 05 December 2016 by farooq

Support Team
Support Team posted this 05 December 2016

Hello,

Currently is issue is not reproducible for me. I tested it with the Icon control, and the path is built correctly after importing the theme, the image is shown. Tried with the latest Themler for Windows, the theme was created with the latest Themler version (v. 355). You add the images for the Iocn by using "From File" option, right? Could you please provide step-by-step instruction how to reproduce the issue on our end?

Sincerely,
Nettie,
BillionDigital Team

Hello, Currently is issue is not reproducible for me. I tested it with the Icon control, and the path is built correctly after importing the theme, the image is shown. Tried with the latest Themler for Windows, the theme was created with the latest Themler version (v. 355). You add the images for the Iocn by using "From File" option, right? Could you please provide step-by-step instruction how to reproduce the issue on our end? Sincerely, Nettie, BillionDigital Team
You must log in or register to leave comments