Search Results for 'css'

Hello,

If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/

Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
To be able to optimize those elements is quite difficult, so to remove CLS please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/

Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

Thank you!

Hello,

To change the color of the blocks from the homepage, please edit with tagDiv Composer, select the block and change the background color => https://www.screencast.com/t/x68tDSQ9y for the color of category on the Standard Single Template, you need to set a color on each category from Theme Panel -> Categories => https://www.screencast.com/t/kJDdaQmeVQ8s -> https://www.screencast.com/t/SXpKwpcJIxvG
For Related articles and more from author, you need to use a custom code CSS =>

body .td_block_template_4 .td-related-title .td-cur-simple-item {
background-color: #EA2E2E ;
}
body .td_block_template_4 .td-related-title .td-cur-simple-item:before {
border-color: #EA2E2E transparent transparent transparent !important
}
You need to set the code in theme panel > custom code> custom css.
for the widgets from sidebar, you need to set the color in Appearance -> Widgets => https://www.screencast.com/t/UEot5Ezb -> https://www.screencast.com/t/gxNLadZ28

Hope this helps you!

Thank you!

Hello,

You can set the width of a row in the tab called “CSS”=> https://www.screencast.com/t/wYzglKwdP -> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/ -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/

Thank you!

Hi,
For the problem with ads we need to make some investigations, there must be something there since for me is working and for you isn’t. For this please contact us at contact@tagdiv.com provide wp-admin and include the link of this conversation, also please make a full backup for your understand.
Also for background ads, please add this custom css in theme panel
.td-boxed-layout #td-outer-wrap {
max-width: 100%;
}
body.td-background-link .td-container-wrap {
cursor: auto;
width: 1164px;
}
This will fix the background and it will work again.
Let me know the results!

Hi,
Yes, you can use the css tab from slider element and hide it per view port -> https://i.imgur.com/gv4f27a.png
I hope this will help you!

Hi,
if you need only the content boxed for the category, then you can use this custom css:
https://i.imgur.com/uotCgRV.jpg
.category .td-container-wrap {
width: 1068px;
}
Set the code in theme panel > custom code> advance css in desktop section.
I hope this will help you!

Hello,

in this topic https://stackoverflow.com/questions/14310154/how-do-i-set-a-background-color-for-the-width-of-text-not-the-width-of-the-enti, there are several designs, which exactly do you want? https://www.screencast.com/t/qwhFqGYUeC
If you want to look like this https://www.screencast.com/t/pADr3BNmc5rL you need to use this custom code CSS, but please let me know what elements you want to add because each has a different class
.td-block-title
{
text-shadow: 0 0 5px blue;
}

Thank you!

Hi Photoboy, I see that you have a very good score on desktop -> https://i.imgur.com/iHuc5ml.png on mobile I see that you need some more improvements, for most of users the mobile page template is making the difference, if you want you can make a test with it, also on it will be also apply the critical css from tagDiv Analyzer too.
I hope this will help you!

Hello,

I checked your website and seems you use a child theme =>https://prnt.sc/18p8713, then you need to change the color in the style CSS where you have set a custom code CSS for widget h4 https://prnt.sc/18p8713 or you can use this custom code CSS =>https://www.screencast.com/t/W6ZjfbHEf
.td-footer-wrapper .widget .td-block-title {
background: transparent;
}

Thank you!

Hi,
Indeed there seems to still be some problems with the buddypress, as a quick fix for the header, please use this custom css
.buddypress .tdb_header_menu .tdb-menu > li > a:after {
display: none;
}
.buddypress .tdb-menu > li > a:hover {
background-color: #850000!important;
}
And for foooter icons please use this custom css:
.buddypress .td-footer-template-wrap .tdm-social-item i, .buddypress .td-footer-template-wrap .tds-team-member2 .tdi_98_ed3.tds-social1 .tdm-social-item i {
color: #ffffff;
}
.buddypress .td-footer-template-wrap .tdm-social-item i {
font-size: 22px;
vertical-align: middle;
line-height: 48.4px;
}
.buddypress .td-footer-template-wrap .tdm-social-item {
width: 48.4px;
height: 48.4px;
margin: 5px 10px 5px 0;
}
.buddypress .td-footer-template-wrap .tdm-social-item-wrap:hover i, .buddypress .td-footer-template-wrap .tdm-social-item-wrap:hover .tdm-social-text {
color: #d70606;
}
This code should make the website to look the ok. You need to set the code in theme panel > custom code> custom css.
I hope this will help you!
Let me know the results!

Hello,

I made a test with header style 5, and for me works well => https://www.screencast.com/t/7NMj96pU
Normal the header is universal and does not have an additional custom CSS code for a certain page, please try to use another header style and see if the problem persists.

Thank you!

Hello!

It depends which and how many settings you have in the theme panel. All settings are going true the database, also the CSS custom code which you added. My recommendation is to shift the default templates to cloud template, so in this case you will reduce the kb in that file.

Thank you!

Hello,

When you select a paragraph for which you want to change the font size, you must add an extra class https://i.imgur.com/x2kFaVX.png for example, “big-word” and you need to use this custom code CSS => https://i.imgur.com/gVkTg1U.png

.single .tdb-block-inner > p.big-word
{
font-size: 42px!important;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS

Hope this helps you!

Thank you!