Joomla Templates Club 406,261 posts

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#963842

First of all i would like to ask which image size is best to use in Teline V. Which proportions? 800×600 1200×765 etc.

Secondly which part of the code i have to edit and in which files to make the image placeholder size bigger or more retangle? css file?

For example i want to change the size of the slideshow. How do i do that?

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

#964291

Hi Spell,

You can make a quick search in JA Teline V forum, there are topics discussing about image size.

Or illustrate the modification you expect via screenshot so we can help.

1 user says Thank You to Saguaros for this useful post

1. Spell

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964351

Ok starting making printscreens 🙂

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964363

Well, after some reading i found that i have the same problem in three sections (main page article view and blog view ) like others. I made a custom.css

I added this:

.magazine-featured-leading .magazine-item-media .item-image {
min-height:yourheightpx!important;
}
.article-intro-media .item-image {
max-height: 100%!important;}

.article-intro .item-image {
max-height: 100%!important; }

(made it in notepad++ and then upload it via filemanager. Has same folder permissions as other files in that folder)

Again it helped but not solved the issue. Following the answer here: https://www.joomlart.com/forums/topic/size-in-height-pictures/

i tried to add

.article-intro-media .item-image { min-height:XXXXXpx!important; }

where XXX the various sizes i tried. it worked for one image but not for a different size image in another article.

What i want to make as a result is to keep the aspect ratio when its resizes the images. And use the center of the image to do that. Is there a ”magic” piece of code you can share with me? Or i am missing something? "_" 🙂

and have it in blog view article view homepageview …Its weird., The image that loads for the videos it does it.

Also even if i upload an intro image for the video, it shows in list mode (left) but in full screen it still shows what the video has and its not overlaying it. 🙂

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964694

I would like to make the ACM module bigger in the image placeholder though

---

Attachments:

1. 
2. 

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964739

Well i made it! it has to be a combination of solutions found in this forum.

So the custom.css must look like this:

p.ark_noblock , img.modal {
display: block !important;
}

.newback.t3-module {
background:#ffffff;
border:2px solid #c00;
}

.article-intro-media .item-image {
max-height: 100%!important;}

.magazine-categories .item-image {
    max-height: 100%!important;
}

.article-intro .item-image {
    max-height: 100%;
}

.article-intro-media .item-image {
max-height: 100%;
overflow: hidden;
}

And everything works fine. Hope it helps others 🙂

All fixed in blog view , article view, category view, media view. I just need to make the ACM image placeholder a bit larger… is it possible?

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

#964848

Could you send URL of that page and screenshot highlighting the image you’re mentioning?

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964875

This reply has been marked as private.

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964901

Also another issue. All my banners are not showing. Image banners not code banners. :/

With the exception of header blog banner.

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

#965540

Hi Spell,

You’ve contact with Ninja Lead? please check with him for banners.

For the image in your screenshot, you can open this file: ROOT/templates/ja_teline_v/local/acm/news-featured/css/style.css

Look for these declarations:

.magazine-carousel .magazine-item-media .item-image {
  height: 500px;
  background: #e5e5e5;
}

.magazine-featured-leading .magazine-item-media .item-image {
  margin-bottom: 24px;
  max-height: 500px;
}

change the value for the height to suit your needs

Then add this rule:

.magazine-featured-leading .magazine-item-media .item-image img {
    height: 100%;
}

1 user says Thank You to Saguaros for this useful post

1. Spell

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#965702

Trying it now.

[Author]

Posts