Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • Spell Friend
    #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
    #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.

    Spell Friend
    #964351

    Ok starting making printscreens 🙂

    Spell Friend
    #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
    #964694

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


    1. Image-1-prob
    2. Image-2-prob
    Spell Friend
    #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
    #964848

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

    Spell Friend
    #964875
    This reply has been marked as private.
    Spell Friend
    #964901

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

    With the exception of header blog banner.

    Saguaros Moderator
    #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%;
    }
    Spell Friend
    #965702

    Trying it now.

Viewing 11 posts - 1 through 11 (of 11 total)

This topic contains 10 replies, has 2 voices, and was last updated by  Spell 7 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum