This thread is resolved. Here is a description of the problem and solution.
Problem:
Use Views in Elementor page builder.
Solution:
Toolset Blocks plugin is based on WordPress Blocks editor, but Elementor is another page builder, it is not recommended to use two page builders to design the same page/post, it will conduct unexpected result.
See our document:
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/
Relevant Documentation:
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)
This topic contains 34 replies, has 2 voices.
Last updated by 3 years, 7 months ago.
Assisted by: Luo Yang.
Hey Luo
thanks for a helping hand and your explanation, my learning curve worked 🙂
Activating bootstrap 4 will influence the checkout page row -ids. WooCommerce is using the col-1 & col-2 css class, Bootstrap sets the width to 8.3333333%.
I found a reply that you could de-queue Bootstrap on check-out page using a code snippet like this one, does that make sense?
With some themes such as Divi there are stylesheet conflicts with the Bootstrap styles normally loaded by Toolset. You can update the settings so that Toolset doesn’t load Bootstrap, but this may not be an option if you rely on it on certain pages, e.g. where you add CRED forms.
You can selectively remove Bootstrap on particular pages.</I>
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}
#4 I am missing this code here, I would like to place it into the template for filtering;
[wpv-filter-start hide="false"] [wpv-filter-controls] <div class="form-group"> [wpv-filter-search-box placeholder="Suche" output="bootstrap"] </div> <div class="row"> <div class="col-md-2"><div class="form-group"> <label class="label" for="wpv-wpcf-ausbildung">[wpml-string context="wpv-views"]Ausbildung[/wpml-string]</label> [wpv-control-postmeta type="select" field="wpcf-ausbildung" default_label="Auswählen" url_param="wpv-wpcf-ausbildung" class="input-style"] </div></div> <div class="col-md-2"><div class="form-group"> <label class="label" for="wpv-wpcf-spezialisierung">[wpml-string context="wpv-views"]Spezialisierung[/wpml-string]</label> [wpv-control-postmeta type="select" field="wpcf-spezialisierung" default_label="Auswählen" url_param="wpv-wpcf-spezialisierung" class="input-style"] </div></div> <div class="col-md-2"><div class="form-group"> <label class="label" for="wpv-wpcf-pronomen">[wpml-string context="wpv-views"]Pronomen[/wpml-string]</label> [wpv-control-postmeta type="select" field="wpcf-pronomen" default_label="Auswählen" url_param="wpv-wpcf-pronomen" class="input-style"] </div></div> <div class="col-md-2"><div class="form-group"> <label class="label" for="wpv-wpcf-stadt">[wpml-string context="wpv-views"]Stadt[/wpml-string]</label> [wpv-control-postmeta type="select" field="wpcf-stadt" default_label="Auswählen" url_param="wpv-wpcf-stadt" class="input-style"] </div></div> <div class="col-md-2"><div class="form-group"> <label class="label" for="wpv-wpcf-land">[wpml-string context="wpv-views"]Land[/wpml-string]</label> [wpv-control-postmeta type="select" field="wpcf-land" default_label="Auswählen" url_param="wpv-wpcf-land" class="input-style"] </div></div><div class="form-group"> <label class="label" for="wpv-wpcf-sprachen">[wpml-string context="wpv-views" class="form-group"]Sprache[/wpml-string]</label> [wpv-control-postmeta type="select" field="wpcf-sprachen" default_label="Auswählen" url_param="wpv-wpcf-sprachen"] </div> <div class="col-md-2">[wpv-filter-reset type="button" output="bootstrap" class="reset-button"]</div> </div> [/wpv-filter-controls] [wpv-filter-end] <br><br><br>
thank you so much for your kind explanation!
#Q4
I added
[types field='spezialisierung' class="specialty"][/types]
and a class
.specialty {
color: #1db8dd !important;
font-size: 16px;
font-weight: 300;
line-height: 1,2em;
}
but the font is not changing. could you provide help?
New threads created by Luo Yang and linked to this one are listed below:
Q5)
I still need assistance.
I created a second test field to debug my alignment issue here with elementor.
hidden link (private page)
It seems the frontend is not showing the image/row as center aligned. Could you provide a css to force it aligned to the res?
It would be awesome to get this worked, its so much easier than writing code. Thank you so much for your kind help!
Q6
also could you provide the correct code to make the image with a shadow?
thank you so much!
[wpv-post-featured-image size="custom" width="200" height="200" crop="true" class="rounded-circle"]
.test {
box-shadow: 1px 5px 32px 0 rgba( 119, 119, 119, 0.5 );
border-radius: 200px;
border: 8px solid rgba( 243, 243, 243, 1 );
}
New threads created by Luo Yang and linked to this one are listed below:
