Joomla Templates Club 406,261 posts

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#190151

I am confused about the content type on an article.

I want the look of an image, where they see an image on the home page, but when clicked it takes them to my article. When I click content type – Image, it looks great, but when clicked none of my text appears. However, when I click content type article, it goes to the article, but my image on the home page isn’t there, instead it’s the title, image, et all crammed into the thumbnail.

How can I do this? I don’t want to sacrifice the sleek look of the front page for making them link to articles.

Thanks!

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#503999

I found a work-around with this by going to template–>General and then disabling pop-ups. This way the picture shows the article.

However, I do like the pop-up feature and want to use this to show an article. There has to be a way to do this, does anyone know?

[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#504004

Hi Xtra12,

You can use content type social instead of image and you will get the article content inside the pop up.

1 user says Thank You to rani for this useful post

1. xtra12

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#504011

Rani, you are a lifesaver! Thanks a ton! You just saved me from hours of frustration!

[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#504012

You are welcome 😀

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#504021

One question. When I do switch it to “social”, the title always stays on the image. Is there any way to get it to be animated and only show on the mouseover like it does with the image and others?

[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#504023

Yes.

Create custome.css file and put it in css folder and put the following code in it:

.fixel-grid .items.social.none article {
background: #111
}
.fixel-grid .items.social.none article .item-desc {
-webkit-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
-moz-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
-ms-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
-o-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.fixel-grid .items.social.none article:hover .item-desc {
-webkit-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
-moz-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
-ms-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
-o-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.fixel-grid .items.social.none article .item-image-wrap {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
.fixel-grid .items.social.none article .item-image-wrap .pull-left.item-image,
.fixel-grid .items.social.none article .item-image-wrap .pull-right.item-image,
.fixel-grid .items.social.none article .item-image-wrap img {
float: none;
margin: 0 !important;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.fixel-grid .items.social.none article:hover .item-image-wrap,
.fixel-grid .items.social.none article:focus .item-image-wrap,
.fixel-grid .items.social.none article:active .item-image-wrap {
background: #000000
}
.fixel-grid .items.social.none article:hover .pull-left.item-image,
.fixel-grid .items.social.none article:hover .pull-right.item-image,
.fixel-grid .items.social.none article:hover img,
.fixel-grid .items.social.none article:focus .pull-left.item-image,
.fixel-grid .items.social.none article:focus .pull-right.item-image,
.fixel-grid .items.social.none article:focus img,
.fixel-grid .items.social.none article:active .pull-left.item-image,
.fixel-grid .items.social.none article:active .pull-right.item-image,
.fixel-grid .items.social.none article:active img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}

2 users say Thank You to rani for this useful post

1. xtra12
2. caxs

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#504026

Thanks again, Rani! I will try that as soon as I can. Right now, I am having trouble scrolling, so I am going to try to fix that first in case I can’t and have to restore from a backup to fix it.

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#504045

I have just made the code and placed it in the css folder and nothing happened. I made it in notepad and then named it custome.css. I uploaded via the server’s file manager.

Nothing has changed. Is there something I need to do to activate it?

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#504051

call it custom.css not custome.css

[ieosptheme Friend ieospthemeJoin date: April 2011Posts: 7Downloads:0Uploads:0]

#505144

How and Where can I configure this?

<em>@rani 387178 wrote:</em><blockquote>Hi Xtra12,

You can use content type social instead of image and you will get the article content inside the pop up.</blockquote>

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#505516

In backend settings of each article, go to Metadata Options tab and you can see parameter named: Content Type and change to your desired type.

Check out this documentation page for more info: http://joomlart.com/documentation/joomla-templates/ja-fixel#template-config (section 6. Content Type Settings)

[ieosptheme Friend ieospthemeJoin date: April 2011Posts: 7Downloads:0Uploads:0]

#505580

I have changed the setting, and the article content is showing feel … But the article not in the pop-up well 😀 Please goto http://www.budaygergely.com and click on “Apple Special Event LIVE” at the HOME screen. What are the problems? Why can I not the margins?

<em>@Saguaros 389142 wrote:</em><blockquote>In backend settings of each article, go to Metadata Options tab and you can see parameter named: Content Type and change to your desired type.

Check out this documentation page for more info: http://joomlart.com/documentation/joomla-templates/ja-fixel#template-config (section 6. Content Type Settings)</blockquote>

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506354

It seems that your site is in offline page and a login is required, could you pm me an admin account so that I can take a look at this?

[doco_design Friend doco_designJoin date: October 2013Posts: 38Downloads:0Uploads:6 Thanks: 2 Thanked: 1 times in 1 posts]

#509307

Hi,
I would to have the same animation of “content type = image” but in “social type”
I want it because in “image type” the link work only if I click the title

Thank you

[Author]

Posts