Search Results for 'flex'

Hi,
I don’t know if using only the functions in the theme will get you exactly those functions, but here are some examples similar to our theme:
– https://demo.tagdiv.com/newspaper_real_estate_pro/properties/
– https://demo.tagdiv.com/newspaper_job_hunt_pro/tdtax_job_skills/back-end-development/
– https://demo.tagdiv.com/newspaper_pc_forge_pro/completed-builds/
It comes with an option for flex filter and sort filter and can be used with flex block builder and flex loop builder blocks.
Thank you!

Hi,
If the plugin is installed, then use tagDiv Composer to edit that page, select the flex builder element and check the module tab and select from there a module https://i.imgur.com/E894uNa.png https://i.imgur.com/WNgMXOq.png
Thank you!

Hi,

I see, if it is a CPT and the title of the post will change based on the CPT you are then it will be ok to use a custom field to collect the posts you want to display, for example, you can use a text field and it will be in the post IDs only, for example: the custom field must be displayed in each CPT so you can set for each one the post ID you want to display. After that on template use a flex block or create your own module and use a flex builder to display that post or posts, what you need to do is to set in the filter tab some parameters to get the values from your custom field – https://i.imgur.com/7tRPctY.png

Thank you!

Hi,

Is that a page or a template? If you need the post title, it will not be easier to use a flex block 1 and display only the title and you can filter it after the post id you want or better to have less code, you can create a module only with the title https://forum.tagdiv.com/modules-builder-newspaper-theme/ and this can be displayed using the flex builder https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/

Thank you!

HI,

1. Try this css: https://i.imgur.com/b4jZv2k.png
body div.td_woo_products_block div.td_woo_product_module .price{
margin-bottom: 0;
}
body div.td_woo_products_block .star-rating {
margin: 6px 0;
}

2. Here are 2 options, the one mentioned before using the flex block 1, this has the options for almost everything to set, but in case you want to have better control, then you can use a modul,e this can be created https://forum.tagdiv.com/modules-builder-newspaper-theme/ as you like to be and use a flex builder to display it https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/

Thank you!

Try this css to align in the correct way the elements in the cart:
body .td_woo_menu_cart .tdw-wmc-widget .remove_from_cart_button {
left: 16px;
right: auto;
}
.td_woo_menu_cart .tdw-wmc-widget .quantity {
display: flex;
flex-direction: row-reverse;
}

Hi,
Please replace the above css with this one:
.kk-star-ratings.kksr-align-center {
display: none;
}
.tdb_single_content .kk-star-ratings.kksr-align-center {
display: flex;
}
This css should hide the stars everywhere except the post content.

Hi,

1. Set the product template as global, this can be done from Cloud Templates > Shop – https://i.imgur.com/1N8ySPP.png

2. In the image, you have set a block that use custom modules, and those no longer exist or are no longer set. Those can be assigned using this guide https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/ and can be created using this one https://forum.tagdiv.com/modules-builder-newspaper-theme/
An alternative is to replace the flex builder with flex block 1 or other flex.

3. Use tagDiv Composer and edit that template select the row over image and cehck the css tab, there should be an option for backgroun image – https://i.imgur.com/GzP9ePp.png

Hi,

To have the same layout for the articles you can use the flex block 1, the settings will be similar and all of them can be done from the element settings.

To align the stars with the price please use this css:
.cls-wpb .td-excerpt{
padding-bottom: 16px;
border-bottom: 2px solid #e7f0f1;
}
html body div.cls-wpb .star-rating {
float: left;
}

and please remove this css:

.cls-wpb .star-rating{
position: absolute!important;
left: 10%;
bottom: 7%;
}
.cls-wpb .price{
border-bottom: 2px solid #e7f0f1;
}

Hi,
I think that a custom css has been removed from the page – https://i.imgur.com/EIaVzaN.png please add a raw css and add in it this css:
.td-numbered-post-flex .td_block_inner {
counter-reset: section;
}
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
counter-increment: section;
content: counter(section);
color: #d2dae1;
border-radius: 50%;
font-family: PT Serif, Serif;
font-size: 42px;
line-height: 1;
display: inline-flex;
position: absolute;
right: 0;
bottom: 10px;
}
.td-hero-block.td_with_ajax_pagination .td-next-prev-wrap {
position: absolute;
right: 0;
top: 62%;
padding-right: 25px;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-hero-block.td_with_ajax_pagination .td-next-prev-wrap {
top: 52%;
padding-right: 20px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
font-size: 30px;
}
.td-hero-block.td_with_ajax_pagination .td-next-prev-wrap {
top: 50%;
padding-right: 15px;
}
}
@media (max-width: 767px) {
.td-hero-block.td_with_ajax_pagination .td-next-prev-wrap {
top: 38%;
padding-right: 15px;
}
}
.td-cancel-border .td_module_flex_1:last-child .td-module-container {
border-width: 0 !important;
}
.td-cancel-border-4 .td_module_flex_1:nth-child(2n) .td-module-container {
border-width: 0 !important;
}
.td-line-on-title .tdm-title-line {
left: 6px;
}
.td-image-padding .td_module_flex_3 .td-module-container {
padding-left: 15px;
}
.td_block_template_8 .td-block-title-wrap .td-block-title {
margin-bottom: 20px;
}
.td_block_template_8 .td-block-title > *:before,
.td_block_template_8 .td-block-title > *:after {
height: 2px !important;
top: 62% !important;
}
.td_block_template_8 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
line-height: 38px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_block_template_8 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
line-height: 34px;
}
}
@media (max-width: 767px) {
.td_block_template_8 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
line-height: 32px;
}
}

Hi,

I just made some tests and the settings from flex blocks related to pre-made style are working – https://i.imgur.com/OaAil2m.png

Also, if you want to have control over the h elements, this depends on where they are in use, if are on page and are simple elements, without individual settings (usually set with tagDiv Composer), then those will apply – https://i.imgur.com/FQB0Qkk.png

Font Customization – https://forum.tagdiv.com/font-customization/

Thank you!

Hi,

I have a few recommendations to help optimize your site’s performance:

Enable Object Caching: This can significantly improve load times by reducing the need for repeated database queries.

Cache on Flex Block Elements: As per the instructions here, activating cache for flex blocks can improve resource efficiency: https://forum.tagdiv.com/use-flex-blocks-cache-option/

Review Resource-Heavy Features: If you’re using the “Most Popular” feature, it may be consuming substantial resources. You can disable it by navigating to the theme panel here: – https://i.imgur.com/IgvZFub.png – https://i.imgur.com/wnBKD6r.png – https://i.imgur.com/Vms107h.png
Please note, it’s advisable to make this change after updating the sorting settings for the blocks.

Hi Alessandro,

Our page from here https://demo.tagdiv.com/select_demo/newspaper-prebuilt-websites/ was custom-made, but you can achieve something similar, for this you can use the Flex Loop Filters – https://forum.tagdiv.com/filters-sorting-taxonomies/ and Flex Loop or Flex Loop Builder.

Another method is to use a block (anyone you like or you can create your one block and modules) and use the ajax category/taxonomy filter https://i.imgur.com/BoCzGHQ.png

Thank you!

Hi,

To have pagination numbers, you’ll need to use the post loop element – https://i.imgur.com/EOe8KPo.png the flex elements are not using the pagination numbers.

Thank you!

Hi,

One possible solution is to use blocks that display images using the img tag. Unfortunately, Flex Blocks currently use background images, which are not easily recognized for optimization purposes. However, we’re actively working to improve this.

In the meantime, I recommend using the Module Builder for the first blocks on your page. This will allow you to set fetchpriority=”high” on images, helping improve performance.

Hi,
The classic blocks have only a few options. If you need to have control over each option of a block, then please try the flex block 1; this one can be edited as you want.
1. It can be done only with css, the classes for the element are:
.td_block_template_7 .td-block-title:before {
// your css here
}
2. What you can try are the style options in especially the line-height – https://i.imgur.com/m7u1oQ8.png
3. For block 2 what can be done is to use some custom css for the excerpt and date color, for excerpt length, you can use the options from the block – https://i.imgur.com/DSgZQsA.png
.td_block_2 .td-post-date {
color: red;
}
.td_block_2 .td-excerpt {
color: darkgreen;
}
Thank you!

Hi,
Yes, this can be done using the “Multiple terms filter:” from the block and if you want the article to be in all terms – https://i.imgur.com/4Xx6nMG.png https://forum.tagdiv.com/flex-block-settings-guide/
Thank you!

Hi,
Yes, the Flex block can display the products – https://i.imgur.com/0UO3u8L.png, but it will show them as articles — only the image and title, without the price. For WooCommerce products, it’s better to use the Woo Product Block element https://i.imgur.com/D3BK5az.png, as it includes the price along with the product details.

Hi,
I will recommend using a flex block; this can be edited how you want using tagDiv Composer and the settings from it. The old blocks, like the one mentioned, have only a few options and need to be adjusted with css if an option doesn’t exist.
A css that can be used for yor your
.td_block_15 .td-module-title a {
color: #fff;
}
Thank you!

Hi,
What you can do is to use the filter tab – https://i.imgur.com/aAfcJnz.png – https://forum.tagdiv.com/flex-block-settings-guide/ if one article should be part from all taxonomies, then try this option – https://i.imgur.com/8u9KKoP.png
I hope this will help you!