Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

.PNG image loads differently than others


Go to End


3 Posts   1206 Views

Avatar
AD5XJ

Community Member, 35 Posts

23 May 2017 at 2:16am

I have a page that has several images and Logos on it. Almost all are .png type.

However, one PNG image loads with a red animated square behind it.

Can anyone tell me what this is and why it appears on only this one image that is no different than 20 others on the page?

Avatar
timo

Community Member, 47 Posts

5 June 2017 at 8:21am

Edited: 05/06/2017 8:34am

Just a guess:
You are using the 'simple - theme' located in themes/simple ?
If so, this one png is a png with a transparent background?
Have a look at themes/simple/css/typography.css at line ~ 158.

/* IMAGES 
-------------------------------------------- */
.typography img {
    border: 5px solid #d7d7d7;
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
    background: transparent url(../images/ajax-loader.gif) no-repeat center center;
}

change background to your needs

Avatar
Thongkon007

Community Member, 1 Post

23 June 2017 at 7:20pm

The png image I like to use, but I used to decorate the image.