Drop down Box

Posted in: Newspaper
Post count: 76

Hi,

How to remove “Featured Post… to Random”? for all my category page?
I only need to keep “Latest” and when users select it, it will show the latest 6 articles.

screenshot: http://sansan.qriosity.com.sg/wp-content/uploads/2016/01/Screen-Shot-2016-01-25-at-2.00.32-pm.png

link: http://sansan.qriosity.com.sg/category/explore/
http://sansan.qriosity.com.sg/category/expand/
http://sansan.qriosity.com.sg/category/excel/

Post count: 23312

Hello

If you want to remove this feature, you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area.

.td-category-pulldown-filter {
display:none;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Post count: 76

Hi,

I want to keep it but only want to display the “Latest” Function and when clicked on Latest, 6 recent articles will appear

Kindly advise.

Thanks!

Post count: 23312

Hello joyceloh,

If you want to remove other function from your category page, you have to remove/comment from the td_category_template.php file, like this -> http://screencast.com/t/UTH3tJH7WRl and if you want to hide it, without altering the code, please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-pulldown-filter-item:nth-child(2n){
display:none;
}
.td-pulldown-filter-item:nth-child(3){
display:none;
}
.td-pulldown-filter-item:nth-child(5){
display:none;
}

The result you should see here -> http://screencast.com/t/1oo9uauCSPG

Hope this helps and let us know how it goes!

Thank you for the message!

Post count: 76

it works! thanks!

Post count: 76

Hi,

can you give me 2 options of codes for the drop down button on the right urgently:

1) disable the dropdown, replace it with a button titled “LATEST”

2) keep the dropdown, but change “LATEST” to “SORT BY” on the button AND dropdown to have 2 choice of Latest and Most popular

http://sansan.qriosity.com.sg/category/explore/
http://sansan.qriosity.com.sg/category/expand/
http://sansan.qriosity.com.sg/category/excel/

Thanks!

Post count: 23312

Hello joyceloh,

1)If you want to disable the dropdown menu, please try the code below and add it in Theme panel->Custom CSS area

.td-category-header .td-icon-menu-down {
display:none;
}
.td-pulldown-filter-list {
display:none!important;
}

2)If you want to have only 2 option in your drop-down category, you have to remove the other options from code, as I have presented you above. You cannot change the ‘LATEST’ name because in this box practically is the name of the option wich you have selected from the drop-down menu.

The result you should see here -> http://screencast.com/t/0f0MCYJc

Hope this helps!

Thank you for the message!

Post count: 76

Hi,

I will choose 1st choice, but when my user click the button, the page will show 6 latest article?

I need this function badly and urgently. Thanks!

Post count: 23312

Hello joyceloh,

If you want to choose the first option, practically, all the functions of dropdown will be hidden with CSS and the users will not have the option to chose someone and then will remain only the latest posts active onto your category page.

Hope this helps!

Thank you for the message!

Post count: 76

Hi,

Can you provide the CSS code for this?

1) change “LATEST” to “SELECT” on the button AND dropdown to have 2 choice of Latest Articles and Most Popular Articles.

http://sansan.qriosity.com.sg/category/explore/
http://sansan.qriosity.com.sg/category/expand/
http://sansan.qriosity.com.sg/category/excel/

Please help urgently.

Thanks!

Post count: 23312

Hello joyceloh,

Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-pulldown-filter-item:nth-child(2n){
display:none;
}
.td-pulldown-filter-item:nth-child(5){
display:none;
}

The result -> http://screencast.com/t/OpbjkZU60FD

As I said you above, you cannot change the ‘LATEST’ to ‘SELECT’ because this is the theme behaviour and so it was set it by default.

Thanks.

Post count: 76

Hi,

Finally i understand your meaning.

In that case, this is one last question, please hide “latest” dropdown, i would like to show MOST POPULAR drop down only

Thanks!

Post count: 23312

Hello joyceloh,

Please try the code below and add it int Theme panel->Custom CSS area and then you can change the name LATEST->your desired name from Theme panel->Translations->Translations like this -> http://screencast.com/t/OVZ5mmgnOy4

.td-pulldown-filter-item:nth-child(2n){
display:none;
}
.td-pulldown-filter-item:nth-child(1){
display:none;
}
.td-pulldown-filter-item:nth-child(5){
display:none;
}

Thank you for the message!

Viewing 13 posts - 1 through 13 (of 13 total)
You must be logged in to reply to this topic.