Search Results for 'css'

Hello,

1. Edit teh page with tagDiv Composer and click on left size on color, after that in the composer sicebar will be open a RAW HTML element and look in css tab – https://prnt.sc/q3tmReUrt_dg there you have set 880 px to top, you can adjust it to reduce the height.

2. You need to edit it using tagDiv Composer https://prnt.sc/EI3squpXkpF8 select the Raw HTML. There is a script that combines more colors over the main blue color that is set as the background on the column https://prnt.sc/9vrn-WaHfN6o https://prnt.sc/-DJI_RCZprvf

3. You should replace the image with an image that has the same height if you want to look the same https://prnt.sc/ki3r43B-oi4e or at least the height to be bigger than the width for that image

4. To have similar background for the header color, use the gradient color that comes with the demo – https://prnt.sc/oDyNbLr7fxfY you can adjust it according to your needs.
Thank you!

Hi,
Reducing the CSS is quite important but since you are using tagDiv Standard Pack and quite many blocks and options from it, removing this plugin is not an option in your case, but this will reduce the css by half from the size it has now.
Now related to the “fetchpriority=high should be applied”, please replace the element Big Grid Flex with the Big Grid element (same layout).
Use a plugin that can convert the images to WebP, for example, ewww image optimizer- https://wordpress.org/plugins/ewww-image-optimizer/
There is a banner image set that does not have a height and width – https://i.imgur.com/XCHOeoC.png. It can be resolved using tagDiv Composer, select that banner ad, and in the image tab, set the width and height for the mobile version of that banner.
Other suggestions are to use an optimization for css and js (Autoptimize) and a Cloudflare.

Hi,

Unfortunately, there is no option for this. What can be used is the title length from the block, or an alternative is to use a custom css:
.td_flex_block_1 {
max-height: 380px;
overflow: overlay;
}
The above css will apply to all fle block 1 so what you should do is to set a class on those blocks you want to aply teh code and replace taht class with the class td_flex_block_1
It can be set in a raw CSS, after that you can change the number of articles that will be displayed, save the changes in tagDiv Composer and check it on the frontend.

Thank you!

Hi,
For this, you can use a media css code :
@media (min-width: 768px) {
#left {
width: 47%;
float: left;
margin-right:6%;
}
#right {
width: 47%;
float: left;
}
.clearfix:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}
.clearfix {
display:block;
}
}

Hi,
This is related to the Contact Form 7 settings.
Now the simplest way to do it is to use a custom css like this one:
#left {
width: 47%;
float: left;
margin-right:6%;
}
#right {
width: 47%;
float: left;
}
.clearfix:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}
.clearfix {
display:block;
}
For this you can check this video https://www.youtube.com/watch?v=snH6YwCHEoE
Thank you!

Hi,

That means you are using the older standard header templates. In this case the module that displays the posts in the live search can only be customized using the global settings https://prnt.sc/LlosNc8Un4KE Please note that disabling the date there will affect all the blocks and modules, not just the live search. For more advanced customization please consider switching to cloud headers which you can fully customize with the composer https://cloud.tagdiv.com/#/load/Headers

In case you just want the date removed from the live search, and you are not yet ready to switch to cloud headers, please enter this CSS -> https://pastebin.com/ryMaeFZD in the theme custom CSS section https://prnt.sc/wWJSRj_1ouC3 Then clear the cache to make sure the code applies. The date should be gone from the live search, like this https://prnt.sc/7r4GQQs1lO7L

Let us know if we can help with something else and we will check as soon as possible.

Thanks.

Hi,

I agree. Since the WP Rocket plugin already is lazyloading the footer https://prnt.sc/Iye8qEXx2LJr using the option from the theme on top of it could lead to issues.

That is however an unusual issue, because from what I see in your screenshots the block header style seems to be changing from style 8 https://demo.tagdiv.com/newspaper/block-header-8/ to style 1 https://demo.tagdiv.com/newspaper/block-header-1/ The styles are created with CSS, maybe if you use the option to remove unused CSS from the rocket plugin it may be removing more than it should. Or maybe it’s a combination of things that causes it. If I would have seen the issue, then the problem would be clearer after checking with the browser inspector.

Anyway, the footer seems to display alright now while looking at it as a regular visitor https://prnt.sc/EfCe7blO-bzu

Thanks.

Hi,

Unfortunately, our theme does not support this type of auto-scroll functionality. Our blocks
do include an option to automatically load additional articles via the Filter tab by setting Pagination to Infinite Load or Infinite Load (show “Load more” after X pages). However, this behavior is slightly different.
From your screenshot, I believe the content scrolls within the same section. If that is the case, our option will not behave in the same way.
That said, after you add the block to the page where you need it, please provide the page URL and let me know which block you are using. I can then create custom CSS for that section to try to achieve a similar result.
Thank you!

Hi,
For me, the social share buttons are loading in under one second. If you want, you can use a css to remove the transaction.
What you can try for the social share is this custom css:

.td-js-loaded .td-post-sharing {
    -webkit-transition: opacity 0.01s!important;
    transition: opacity 0.01s!important;
    opacity: 1!important;
}
.tdb_category_sibling_categories .entry-category {
    transition: opacity 0.01s ease 0s!important;
    opacity: 1!important;
}

Set it in this place – https://i.imgur.com/AAhP46N.png between style tags – https://i.imgur.com/AAhP46N.png
Thank you!

Hi,
In case you are referring to this https://i.imgur.com/LQu8TKB.png then there is a background color not a border and it can be changed from the element with tagDiv Composer by changing the css color from css tab – https://i.imgur.com/37THLsQ.png
Thank you!

Hello,

This issue is very unlikely to be caused directly by the Newsmag theme. In most cases, it’s related to leftover cache, generated files, or plugins from the previous Kubio setup.

I recommend checking the following:

Cache cleanup beyond WP-Optimize
WP-Optimize doesn’t always remove theme-generated or server-level cache. If possible, please clear cache from the hosting panel and remove any generated /cache/ or minified asset folders (after backup).

Kubio leftovers
Make sure there are no Kubio-related plugins, mu-plugins, or injected CSS still active (Customizer, global styles, header/footer scripts).

CSS affecting the body layout
The overflow issue on the homepage strongly suggests a leftover global CSS rule, likely added by Kubio, which also explains the admin bar behavior.

Quick core check
Re-save permalinks and, if needed, temporarily disable plugins to rule out conflicts.

Your CSS fix is a valid temporary workaround, but the goal should be to remove the source of the conflicting styles so the site stays clean and stable.
Thank you!

Hi,
Ok, on demo you have, click on the row and the click on header menu – https://i.imgur.com/QUIE5qj.png and the Zone will be selected there select the css tab and remove or adjust the bottom css https://i.imgur.com/DwZQqxn.png

For title on banners, could you please let me know how those have been set in ad box element? a screenshot and how will help.
Thank you!

Hello,
You need to use tagDiv Composer, edit the homepage and select row from the header, that one has in the css tab set a margin bottom 90px https://i.imgur.com/LJpGX5E.png https://i.imgur.com/6LvPo7B.png in case that is not on that row check teh one below.

The title on the banners is teh one set in media for image – https://i.imgur.com/LRPgdCq.png
Thank you!

Hi,
What you need to do is to check the settings on the mobile viewport and adjust them on each block that doesn’t look ok and on each column. For this edit, teh page using tagDiv Composer – https://i.imgur.com/D9Gawe6.png then select the mobile view port – https://i.imgur.com/Pks8bjA.png after that select the block that do not looks good, the one from your image I beelive taht has set on the column that is holding ist a custom width (300%) so on mobile should be 100%, to do this slect the element the in the side bacr in tagDiv Composer over the block name you see row > column click on column and look in Layout tab and css if there are any values set for width, if there are repalce them with 100%.
Also, the flex block can be edited per viewport for example, the number of modules per viewport – https://i.imgur.com/Lk9aW6X.png

Hi Mark, unfortunately, this can be done only using custom css:
.td-container .td-main-sidebar p,
.td-container .td-main-sidebar a,
.td-container .td-main-sidebar{
font-family: Carlito!important;
font-size: 16px;
}
The above css can be set in the theme panel > custom code > custom css.
I hope it will help you!

Hi,
I understand the situation, you do not need the background to be on the entire module, only on the title, for this please set on the elements you want to have the background color the class “td-hero-title” https://i.imgur.com/BdtekOd.png after that set this custom css in a css element.
.td-hero-title .entry-title {
background: #fff;
-webkit-box-decoration-break: clone;
}
If you need to apply it on more places in the website it can be set in the theme panel > custom code> custom css.
I hope this will help you!

Hi,
I just checked the screenshots and the provided link and nowit seems to look correct – https://i.imgur.com/0Q0qVor.png I believe it was something related to cache on css and js.
Thank you!

Hi,
In case this is working when you are logged in and the cache is not applied, then it is related to the cache plugin settings (check the css and js settings from the cache plugin).
Thank you!