emo Thumbnails without border possible? SOLVED

More
9 years 4 months ago #752

Is it possible to take out (remove) the borderline around the thumbnails?


Attachments:
Last Edit: 9 years 4 months ago by mavik.

Please Log in or Create an account to join the conversation.

More
9 years 4 months ago #753

Yes, it is. Border is from Twitter Bootstrap.
You should to change it in your template.

Please Log in or Create an account to join the conversation.

More
9 years 4 months ago #754

:) Thank You - but sorry, I don't understand. :(

In the mAvik Thumbnails-Version for Joomla 2.x there were no border, in the version for Joomla 3.x there is a border.

Now I have to change it in the css-file of the Joomla-Template? Or another template?

But what means Twitter Bootstrap?

Please Log in or Create an account to join the conversation.

More
9 years 4 months ago #755

Twitter Bootstrap is css-framework. It is used for making templates for Joomla 3. It has styles (with border) for class thumbnail. And plugin uses this class, and it is normal.

If you want change styles for thumbnails you need change styles for class thumbnail in your template.

If you don't have skills for it you should to ask somebody (who has) about it.

Please Log in or Create an account to join the conversation.

More
9 years 4 months ago #756

Thank You for the explanations. I understand.

But I didn't find any class "thumbnail" in the different css-files of the template (JSN Pixel Pro).

Now I must use unfortunately the plugin SPthumbnail (that works without border) - even if there is no ALT-Text to see in the PopUp-image like with the plugin mAvik Tumbnails.

The reason for me to have no border: I have to put several images together without any distance.

Please Log in or Create an account to join the conversation.

More
9 years 4 months ago #758

This template in file bootstrap.min.css has:

.thumbnail {
	display:block;
	padding:4px;
	line-height:20px;
	border:1px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);
	box-shadow:0 1px 3px rgba(0,0,0,0.055);
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}

border:1px solid #ddd;

Please Log in or Create an account to join the conversation.

Time to create page: 0.062 seconds
Powered by Kunena Forum