Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • sobe Friend
    #201896

    How do I resize the intro-image on Fixel’s blog-category setup to look similar to the demo-blog.

    As the blog-category is currently setup, the image is the same size as the home-page intro-images (300 x 300). Yet, on the demo, the blog images are sized (264 x 264). I would like to have the all blog intro-images sized 264, but if I change the intro-image on the actual article, then that effects to homepage intro-images.

    Is there a way to customize the intro-image-size just within the blog-category layout?

    Pankaj Sharma Moderator
    #552197

    Hello Sobe can you share your working site url here , so that i can check it , and assist you better 🙂

    sobe Friend
    #552337

    Hi Pankajsharma,
    Our website still isn’t up yet, but we installed the Quickstart template so it’s easy show you the issue.

    We would like to have the images in our blog-category pages to look similar to the demo-blog page. As you’ll note, the images are sized 264 x 264 and are likely selected in each article’s intro-image admin section. Yet, if you chose to include any articles mentioned in the homepage (with a 300 x 300 intro-image), the images will not be sized similarly.

    Is there a way to resize all intro-images in the blog-category 264 x 264?

    Let me know if you need further info. Thanks

    Pankaj Sharma Moderator
    #552356

    Hello Sobe , On the hompage layout , the original image size is 300×300 .
    and and on the blog layout image are in the span4 . the width of the span4 is 264px.
    and the original image size of the image is 600×600 . span4 resize the image into its width according to aspect ratio .
    you need to define width custom width for it .
    go to Templateja_fixelhtmlcom_contentcategory

    find this code

    <div class="article-image pull-<?php echo htmlspecialchars($imgfloat); ?> span4"> <img
    <?php if ($images->image_intro_caption):

    and change it into

    <div class="article-image pull-<?php echo htmlspecialchars($imgfloat); ?> span4"> <img style="
    min-width: 300px;
    "

    take a backup of original file before changing in file.
    if its not work PLease PM me your admin details of site .
    if your site is on Joomla2.5.x also send me FTP details
    let me know if it helps

    sobe Friend
    #552574

    Hi Pankajsharma,
    Thanks for your assistance. I changed the code as you suggested but nothing changed. Was the file that was supposed to be edited the “blog_item.php” file?

    I’m using the quickstart template, joomla 3.3. I haven’t changed anything so you can easily try your solution on with the same original template and you should likely get the same result as I did.

    Let me know if you need further info, and thanks again!

    Pankaj Sharma Moderator
    #552576

    HI sorry for the inconvenience .
    Take a backup of your site and PM your admin details

    i will check it on your site and let you know .
    if your site is on Joomla2.5.x also send me FTP details
    let me know if it helps

    sobe Friend
    #552603

    Hi Pankajsharma, I was finally able to solve the issue by creating a custom.css file with the following code:

    img {
    max-width: 100%;
    }

    Oddly enough, I ultimately re-installed the template and the problem did not reoccur. It leaves me to think that I might have accidentally changed some of the original template code beforehand. Thus, the custom.css file may not be necessary for other users to get the same result.

    Thanks for your effort to help anyhow!

    Pankaj Sharma Moderator
    #552622

    Glad you sort ut out.
    let me if need any help in this case.
    thanks

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

This topic contains 8 replies, has 2 voices, and was last updated by  Pankaj Sharma 10 years, 1 month ago.

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