Search Results for 'block'

Hello,
There is no option in the theme that can do that, this can be done only if you are using an ad block, or maybe a custom code.
Thank you!

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,
I see, it appears that the auto ads have the maim-um position and the css can not overlap it, so I thin the solution her will be to Here are the simple disable Auto Ads in the header section using your AdSense account:

Log in to your Google AdSense account.
– Go to Ads-> By site.
– Find your website and click Edit.
– A live preview of your site will open.
– In the preview, click on the header area.
– A small menu will appear, select Exclude area.
– Repeat if you want to block other sections.
– Click Apply to site (top right) to save changes.

Hi,
Yes this can be done using a special css, like this one:
.td-post-content a {
position: relative;
display: inline-block;
text-decoration: none;
color: #000;
}
.td-post-content a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 50%;
height: 2px;
background-color: currentColor;
transition: width 0.3s ease;
}
.td-post-content a:hover::after {
width: 100%;
}
The css can be set global in theme panel > custom code> custom css, or locally in single post template, edit it with tagDiv Composer and drag a raw css element and set the css in it.

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,

The tagDiv Mobile theme plugin is usually used for blocks because it has no options to customize it, which is what is making it faster.
If you want to have the same version as on desktop, then it will be better to use the responsive version or you can try the mobile page and reduce the elements from the page and optimize it for mobile – https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/

Thank you!

Hi,
If you are referring to the loading animation, this can be replaced with a gif, for this use the theme panel > block settings > loader image – https://i.imgur.com/J1gxys0.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!

Hi,

1. Edit the Homepage using tagDiv Composer and select the empty row from the top (that line) use the right click or drag and drop to delete it.

2. This is because you set the image width to 108%, use tagDiv Composer, edit the main page, select the block and in the layout tab check the image with and set it to 100% instead of 108.
Thank you!

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,

Usually, this kind of situation appears when something is interfering with the theme and it’s blocking it from making the request to the cloud. Usually this kind of situation appears when the website is set in maintenance, but it can also happen when there are some problems with the permalinks. This can be checked by setting the permalinks to simple/plain and checking if the problem persists. After that, the permalinks are set back as they were initially.

Thank you!

Hi,

Usually, this kind of situation appears when something is interfering with the theme and it’s blocking it from making the request to the cloud. Usually this kind of situation appears when the website is set in maintenance, but it can also happen when there are some problems with the permalinks. This can be checked by setting the permalinks to simple/plain and checking if the problem persists. After that, the permalinks are set back as they were initially.

Thank you!

Hi,
Here are some fast settings, and I think that after you make them, you’ll know how to improve the layout. Set the Woo Product block, go to the layout tab and set it as in my screenshots – https://i.imgur.com/rKrAkkW.png https://i.imgur.com/KVGyRlo.png (you can adjust the paddings, seo tabs and the rest of the options after your needs). After that, from the Style tag, you can set the fonts and colors you want to use – https://i.imgur.com/OfbRrXB.png, then in the General tab, set a class for example, cls-wpb – https://i.imgur.com/Cf8zW0r.png then in css add this code – https://i.imgur.com/KHdGiQa.png to set the reviews in the bottom right. Then the last review is on mobile, set only one module per row – https://i.imgur.com/6J78MgO.png
I hope this will help you!