Joomla Templates Club 406,261 posts

[osorgho Friend osorghoJoin date: June 2006Posts: 40Downloads:0Uploads:12 Thanks: 4 Thanked: 2 times in 1 posts]

#192407

I want to hide this tool :

Someone to help me?
Thanks

---

Attachments:

1. 

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

#513030

This way will help you to do that

Open templates/ja_magz/css/template.css file

From


.tpl-layout-switch {
position: absolute;
right: 0;
top: 60px;
z-index: 2;
}


Change to


.tpl-layout-switch {
position: absolute;
right: 0;
top: 60px;
z-index: 2;
display: none;
}


[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#513031

Within file path —> /t3-assets/dev/templates.ja_magz.less.style.less.css

Look to line 323, you will see the following:


.tpl-layout-switch li {
border: 1px solid #EAEAEA
float: left;
height: 30px;
list-style: none outside none;
text-align: center;
width: 30px;
}

create a custom.css file and enter the following CSS rule:


.tpl-layout-switch li {
display: none;
}

To be safe, make a back-up of your site CSS – in case you ever want to re-display that element.

Hope That Helps.

1 user says Thank You to TomC for this useful post

1. JA Developer

[osorgho Friend osorghoJoin date: June 2006Posts: 40Downloads:0Uploads:12 Thanks: 4 Thanked: 2 times in 1 posts]

#513302

<em>@TomC 398927 wrote:</em><blockquote>Within file path —> /t3-assets/dev/templates.ja_magz.less.style.less.css

Look to line 323, you will see the following:


.tpl-layout-switch li {
border: 1px solid #EAEAEA
float: left;
height: 30px;
list-style: none outside none;
text-align: center;
width: 30px;
}

create a custom.css file and enter the following CSS rule:


.tpl-layout-switch li {
display: none;
}

To be safe, make a back-up of your site CSS – in case you ever want to re-display that element.

Hope That Helps.</blockquote>

Hi,
Great thanks for your help

1 user says Thank You to osorgho for this useful post

1. JA Developer

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#513350

this is not the proper way to hide it . every time the page will load the script of switch layout.
its better to comment the php code .

/templates/ja_magz/html/com_content/featured/default.php

commnet or remove these lines (line 33-36)
[PHP]<!– <ul class=”tpl-layout-switch”>
<li class=”to-list”><i class=”icon-th-list”></i></li>
<li class=”to-grid active”><i class=”icon-th-large”></i></li>
</ul> –>[/PHP]

no need to change css or less 😀

😀

[osorgho Friend osorghoJoin date: June 2006Posts: 40Downloads:0Uploads:12 Thanks: 4 Thanked: 2 times in 1 posts]

#516672

Hi dpchap015,
Thanks for your help.

<em>@dpchap015 399333 wrote:</em><blockquote>this is not the proper way to hide it . every time the page will load the script of switch layout.
its better to comment the php code .

/templates/ja_magz/html/com_content/featured/default.php

commnet or remove these lines (line 33-36)
[PHP]<!– <ul class=”tpl-layout-switch”>
<li class=”to-list”><i class=”icon-th-list”></i></li>
<li class=”to-grid active”><i class=”icon-th-large”></i></li>
</ul> –>[/PHP]

no need to change css or less 😀

:D</blockquote>

[Author]

Posts