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're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Themes /

Discuss SilverStripe Themes.

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

Get rid of picture frames in simple theme


Go to End


2 Posts   1057 Views

Avatar
Erni Peter

Community Member, 1 Post

2 June 2016 at 10:11pm

Hi everyone
I have installed the Silverstripe v3.3.2 and adopted the Simple Theme. Now I would like to get rid of the gray frames around each pictures. I already added in layout.css the lines

a img {
border: none;
}

In the according Page.ss I added $Portrait.SetWidth(300). (Where 'Portrait' is of the type 'Image')

I still go these frames on each picture. Can everyone tell me what is wrong here?

Avatar
martimiz

Forum Moderator, 1391 Posts

4 June 2016 at 2:34am

Edited: 04/06/2016 2:35am

in themes/simple/css/tpography.css ~#160

.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;
}

there it is :)