Newskit Intro Articles Image, Not Fine At All - Question | JoomShaper

Newskit Intro Articles Image, Not Fine At All

G

gralfitox

Template 1 year ago

Hi, I came again with this question. I want the intro articles to show the images and links image, because if I add an image in the tab helix blog...., then the crop messes the image. Though I need the helix image as well. is ther any way to tell, via template coding, the tempalte to get the first image instead getting the helix one?

0
23 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #146291

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. I think you are looking to use the image and links feature. Please watch the video.

https://drive.google.com/file/d/15Spdim2iMjFMNt2dWK-33Tix1iUq22tk/view

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
G
gralfitox
Accepted Answer
1 year ago #146321

I am recreating your articles, but the image inserted into helix log, is not displayed properly, now it is in my live site, cause I have added a custom code, which is

.layout-blog .blog .items-leading .carousel .carousel-inner .newskit-item-wrap .intro-image > a img {
 width: 300px !important;
      object-fit: cover;
}

but I thnk something is going on cause the code is calling a large image instead a _thumbnail one

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #146418

Can you share a screencast video about the full scenario?

0
G
gralfitox
Accepted Answer
1 year ago #146454
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #146487

Please provide me the Joomla administrator access to check the issue?

0
G
gralfitox
Accepted Answer
1 year ago #146579

in the hidden content

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #146611

You have added css code inside the custom.css file. Caqn you tell me why did you add cover property?

.layout-blog .blog .items-leading .carousel .carousel-inner .newskit-item-wrap .intro-image > a img {
 width: 300px !important;
      object-fit: cover;
}
0
G
gralfitox
Accepted Answer
1 year ago #147837

yes, I have told you up in the thread. I added the cover property because...

please disable it live and take a look to what happens, that´s the best explanation.

This thread is a question I have answered some time ago, and it wasn´t fixed by your team, so I tried to solve it myself and came up with this temporary fix,the cover property, it was the only way to solve the squashed image issue

0
G
gralfitox
Accepted Answer
1 year ago #148318

hi?

0
G
gralfitox
Accepted Answer
1 year ago #148590

hello?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #148790

Did you change your site URL? Cause, I can't visit your website. Thanks

0
G
gralfitox
Accepted Answer
1 year ago #148861

nope, please try again

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #149299

Please check again and let me know. Thanks

0
G
gralfitox
Accepted Answer
1 year ago #149371

hi, site is broken, no images are shown

0
G
gralfitox
Accepted Answer
1 year ago #149380

solved, the broken site I mean, I think you mispelled intro_image by image_intro hahahah

0
G
gralfitox
Accepted Answer
1 year ago #149381

well, back to the issue, you haven´t disabled the cover property, please try to disable it and look at the image...

0
G
gralfitox
Accepted Answer
1 year ago #150127

??

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #150392

Should i do something like this?

https://prnt.sc/c0ePUpYzlIVQ

0
G
gralfitox
Accepted Answer
1 year ago #165278

Hi, I am back, sorry to say that I had an issue with my template and this problem came back, please take a look.

0
G
gralfitox
Accepted Answer
1 year ago #165325

hello...

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #165338

Which issue? Explain please. Thanks

0
G
gralfitox
Accepted Answer
1 year ago #165377

well, dame issue as first time I started this thread. image distorted.

look at hidden content, only distorted on PC screen, on mobile is fine.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #165420

Add this css code inside the custom.css file.

.layout-blog .blog .items-leading .carousel .carousel-inner .newskit-item-wrap .intro-image > a img {
    width: 300px !important;
    object-fit: cover;
    height:auto;
}
0