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.

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   2459 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 :)