Search Results for 'flex'

Hello,

A workaround can be to save an element or row: https://www.screencast.com/t/kVxpDT9SV in the tagdiv composer, so you can add it on every other page. The saved elements can be seen at the end of the other blocks when you add an element in the tagDiv Composer.

You can copy and paste the style from one block to another block -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
-> https://tagdiv.com/right-click-menu-tagdiv-composer/

Thank you!

Hello,

Please provide more screenshots with the block or a link to a website where the issue is. Make sure that you use a flex block.

Thank you!

HI,

You can insert only a Flex Block, not a Flex Block Builder.

Thank you!

Hello!

The filter “category: current category” is working only on a category template.
The single filters works also on a single template: https://prnt.sc/zQ9B6dbHt-xj
Check our guides here:
– https://forum.tagdiv.com/flex-block-settings-guide/
– https://forum.tagdiv.com/big-grid-flex-settings/

Thank you!

Hello,

Yes, you need to create a page with no header and no footer. You can use Flex Block 1.

Thank you!

Hello,

You need to use a custom code css https://www.anantvijaysoni.in/creating-a-2-column-responsive-form-with-contact-form-7-wordpress-plugin/
This is the code used for the form
.td-coaching-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
margin-left: -30px;
margin-right: -30px;
}
.td-coaching-form-left,
.td-coaching-form-right {
width: 50%;
padding: 0 30px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-coaching-form-left,
.td-coaching-form-right {
padding: 0 15px;
}
.td-coaching-form {
margin-left: -15px;
margin-right: -15px;
}
.td-request-form textarea {
height: 168px !important;
min-height: 168px !important;
}
}
@media (max-width: 767px) {
.td-coaching-form {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.td-coaching-form-left,
.td-coaching-form-right {
width: 100%;
padding: 0 10px;
}
.td-coaching-form {
margin-left: 0px;
margin-right: 0px;
}
}
.td-request-form select {
font-size: 16px;
font-weight: 500;
margin-top: 12px;
padding: 13px 15px 12px;
width: 100%;
border: 3px solid var(--custom-accent-3);
}
.td-request-form textarea {
font-size: 16px;
font-weight: 500;
margin-top: 12px;
height: 176px;
min-height: 176px;
padding: 13px 15px;
border: 3px solid var(--custom-accent-3);
}
.td-request-form input[type=text],
.td-request-form input[type=url],
.td-request-form input[type=tel],
.td-request-form input[type=email] {
margin-top: 12px;
font-size: 16px;
font-weight: 500;
height: 54px;
padding: 0 15px;
border: 3px solid var(--custom-accent-3);
}
.td-request-form span.your-consent {
display: block;
text-align: center;
font-size: 14px;
}
.td-request-form span input[type=checkbox] {
margin-right: 10px;
}
.td-request-form input[type=submit] {
margin-left: auto;
margin-right: auto;
display: block;
background-color: var(--custom-accent-2);
color: #fff;
transition: all 0.3s ease;
padding: 18px 36px;
font-size: 14px;
border: 3px solid var(--custom-accent-3);
border-radius: 50px;
font-family: "Red Hat Display", "Open Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.td-request-form input[type=submit]:hover,
.td-request-form input[type=submit]:focus,
.td-request-form input[type=submit]:active {
background-color: var(--custom-accent-1);
}
-> https://i.imgur.com/tpjPHkz.png -> https://i.imgur.com/3DjdnNm.png

Thank you!

Hi,

@minima
You can try to stretch the row. You can find more details here -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
-> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/

@cntlive Please check the console when you open edit content; if there is an error like this, please go to the Network tab, select the error, and select Preview -> https://i.imgur.com/iiBOHwP.png
Please check this topic -> https://forum.tagdiv.com/topic/wp-editor-for-text-with-title-and-column-text-not-updating-content/ and try the suggestions. Also, please check the cache, clear/purge all cache.

Thank you!

Hi,

You can set the custom label in the posts editor-> https://i.imgur.com/gTtAQRv.png, which will be displayed for Flex Block and Big Grid Flex -> https://i.imgur.com/3Uop58r.jpg. this element can’t be added in Single Post Template.

Thank you!

Hi,

You can use flex block.

Thank you!

Hi,
If I understood correctly, you want to offer visitors/users the possibility to filter the results on certain blocks and you are using the “Flex Loop Filters” element – https://i.imgur.com/VWVLeEd.png this is using the “TAXONOMIES” to filter the flex loop, and a taxonomy in this case is the category – https://i.imgur.com/cr3q2U4.png, post_tag – https://i.imgur.com/W1zhodQ.png and you can create your own taxonomies using a cpt plugin and doing this you can display only the “tax categories you want to be in that filter”.
Thank you!

Hi,

You can’t set a limit for big grid flex only if you use more blocks with offset option.

Thank you!