T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Chiel
  2. General Discussion
  3. Thursday, 03 March 2016
  4.  Subscribe via email
Hello guys,

Hope someone can help me with this problem.

Bootstrap has thumbnails included, our site will use these on 3 certain ways:

1- Thumbnail without border (border and padding are still there, but on hover no action)
2- Hover Thumbnail (normally no border made it white, but on hover blue a border)
3- Normal Thumbnail (grey border, when hover blue border)
All have need the same padding and border size*


So the first 2 types are achieved with custom css:

1-
.row .thumbnail-white {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;

}

2-
.row .thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 4px;

}


My problem now is that the normal thumbnail acts like nr. 2-
Probably my CSS is a bit odd, been working with T3 and CSS for only 2 weeks :p

Greets and thanks for reading!
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

T3 Integrates Boostrap 3 so you can use the bootstrap markup in your content. For thumbail, please refer to the page: http://getbootstrap.com/components/#thumbnails
Use the markup provided in the page and it will work.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.