Joomla Templates Club 406,261 posts

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#208681

Hi, How do you hide the front page article as shown in the picture attached, thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#577314

<em>@rclpris 482622 wrote:</em><blockquote>Hi, How do you hide the front page article as shown in the picture attached, thanks.</blockquote>

Hope my solution will help you to hide article into front-end page

Create templates/ja_techzone/css/custom.css file and add new rule


.blog-featured .article-intro p {
display: none;
}


[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#577390

Hi,

Thanks for your help.

I tried but it doesn’t do anything. I also need to hide it for mobile version as well.

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#643687

Hi,

Thanks for your help.

I tried but it doesn’t do anything. I also need to hide it for mobile version as well.

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#742334

Hi,

Thanks for your help.

I tried but it doesn’t do anything. I also need to hide it for mobile version as well.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#577452

<em>@rclpris 482855 wrote:</em><blockquote>Hi,

Thanks for your help.

I tried but it doesn’t do anything. I also need to hide it for mobile version as well.</blockquote>

:(( You did not say to hide it on mobile layout

If you want to hide it on mobile layout, you have to add css style below into custom.css file

@media (max-width: 767px) {
.t3-mainbody .blog-featured {
display: none;
}
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#643749

<em>@rclpris 482855 wrote:</em><blockquote>Hi,

Thanks for your help.

I tried but it doesn’t do anything. I also need to hide it for mobile version as well.</blockquote>

:(( You did not say to hide it on mobile layout

If you want to hide it on mobile layout, you have to add css style below into custom.css file

@media (max-width: 767px) {
.t3-mainbody .blog-featured {
display: none;
}
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#742396

<em>@rclpris 482855 wrote:</em><blockquote>Hi,

Thanks for your help.

I tried but it doesn’t do anything. I also need to hide it for mobile version as well.</blockquote>

:(( You did not say to hide it on mobile layout

If you want to hide it on mobile layout, you have to add css style below into custom.css file

@media (max-width: 767px) {
.t3-mainbody .blog-featured {
display: none;
}
}


[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#577508

it works on mobile but not on desktop version as I havementioned in my previous post.

This was the coded that I added

.blog-featured .article-intro p {
display: none;
}

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#577580

Try to use this again, it will work with desktop and mobile device

+ Go Admin site -> Menus -> Main Menu -> Home -> and see the config likes as my screen shot

+ Open custom.css file

find and change

@media (max-width: 767px) {
.t3-mainbody .blog-featured {
display: none;
}
}

to

.t3-mainbody .blog-featured {
display: none;
}

Let me know if it helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#643874

Try to use this again, it will work with desktop and mobile device

+ Go Admin site -> Menus -> Main Menu -> Home -> and see the config likes as my screen shot

+ Open custom.css file

find and change

@media (max-width: 767px) {
.t3-mainbody .blog-featured {
display: none;
}
}

to

.t3-mainbody .blog-featured {
display: none;
}

Let me know if it helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#742521

Try to use this again, it will work with desktop and mobile device

+ Go Admin site -> Menus -> Main Menu -> Home -> and see the config likes as my screen shot

+ Open custom.css file

find and change

@media (max-width: 767px) {
.t3-mainbody .blog-featured {
display: none;
}
}

to

.t3-mainbody .blog-featured {
display: none;
}

Let me know if it helps

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#577684

it helps but it creates an extra space there

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#577733

<em>@rclpris 483342 wrote:</em><blockquote>it helps but it creates an extra space there

</blockquote>

Add the css rule below into custom.css file


.home div#t3-mainbody {
display: none;
}


[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#577737

I just tried and the space is still there

[Author]

Posts