Skip Navigation

[Résolu] target element in another view

This support ticket is created Il y a 2 années. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 4 réponses, has 2 voix.

Last updated by davidm-13 Il y a 1 an et 12 mois.

Assisted by: Luo Yang.

Auteur
Publications
#2326169

I have the following media query in the css of a page template
"search-by-complaint" is the name of a separate view

@media screen
and (min-device-width: 480px)
and (max-device-width: 992px)
and (-webkit-min-device-pixel-ratio: 1) {
div[name="search-by-complaint"]select.js-wpv-filter-trigger.form-control
{min-height: 2rem;
width: 15rem;}
}

The above doesn't work, if I place:

@media screen
and (min-device-width: 480px)
and (max-device-width: 992px)
and (-webkit-min-device-pixel-ratio: 1) {
select.js-wpv-filter-trigger.form-control
{min-height: 2rem;
width: 15rem;}
}

in the css of the View, then it's ok.

How can I include the View media query in the page template ?
Thanks for any help

#2326519

Hello,

Since it is a custom CSS codes issue, please provide the live problem URL, I need to test and debug it in my Chrome browser.

#2326775

hidden link - home page

The View that I want to include in the media query for the home page - "Search by complaint"

Thanks for your help

#2328367

I have checked the URL you mentioned above, there isn't HTML form with name attribute "search-by-complaint", so the CSS codes you mentioned above won't work.

I assume we are talking about the search form "Search Plant Uses by:" in the right of page, if it is, you can use the form ID in your CSS codes, for example:

div.js-wpv-filter-form-1927{
/** here setup your custom CSS codes **/
}
#2330627

Hi Luo,
Thanks for your help, I've marked as resolved - even though its not behaving as expected - 'cause I have alot of other issues around this that I need to understand.

Thanks for your help

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.