Navigation überspringen

[Gelöst] target element in another view

This support ticket is created vor 2 Jahren, 9 Monaten. 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.

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)

Dieses Thema enthält 4 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von davidm-13 vor 2 Jahren, 9 Monaten.

Assistiert von: Luo Yang.

Author
Artikel
#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

versteckter 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