XF 2.2 How do I make the article appear with the image and title only?

Rodina

New member
How do I make the article appear with the image and title only? As you can see in the screenshot, the article appears with the image, title and some of its content. I do not want that. I want the image and title to appear slowly and nothing related to the article to appear at all. I have seen that in many forums. Help me.




IMG_٢٠٢٤٠٦٢٢_٠٠٤٧٢٦.webp
 
In your extra.less template:

Code:
.message--articlePreview .articlePreview-text .bbWrapper,
.message--articlePreview .articlePreview-footer,
.message--articlePreview .articlePreview-links

{display:none}

That removes three parts, the text, the read more link and the footer.
 
Last edited:
In your extra.less template:

Code:
.message--articlePreview .articlePreview-text .bbWrapper,
.message--articlePreview .articlePreview-footer,
.message--articlePreview .articlePreview-links

{display:none}

That removes three parts, the text, the read more link and the footer.
Please I dont Know What should I do
I have put this code in extraa.less but there is nothing
Please tell me what should I do
 
make sure you are viewing the correct style, ie the same style where you edited extra.less

Try on a default style with no addons enable in case some is interfering with it.
 
make sure you are viewing the correct style, ie the same style where you edited extra.less

Try on a default style with no addons enable in case some is interfering with it.
I feel frustrated. I did everything you asked. I put the code that you sent me in extra.less, but I no longer know where to put it. Can you explain again or send me a screenshot via private message? I hope for help. Best regards to you.
 
I feel frustrated. I did everything you asked. I put the code that you sent me in extra.less, but I no longer know where to put it. Can you explain again or send me a screenshot via private message? I hope for help. Best regards to you.
Just paste the code into extra.less - if it's empty great, if not just add it underneath whatever is already there.
 
Thank you very much

In the top of the extra.less

I have put

.message--articlePreview .articlePreview-text .bbWrapper,<br>.message--articlePreview .articlePreview-footer,<br>.message--articlePreview .articlePreview-links<br><br>{display:none}


And the article working very well
 
Back
Top Bottom