Search Results for 'css'

Hello,

If you want you can add the HTML code in an element called “Raw HTML” and the CSS in the element called “Raw CSS” or you can add the whole code in one of these elements in column text or text with title in text zone => https://www.screencast.com/t/yzHiFcS8g8 -> https://www.screencast.com/t/uDXaxJ8JSKFB and see if this work. The shortcode is automatically saved.

Hope this helps you!

Thank you!

Hello,

To align this element => https://www.screencast.com/t/Js7sAl0i, please try this Custom Code CSS

.wpb_text_column .span-reading-time .rt-label, .wpb_text_column .span-reading-time .rt-time{
position: relative;
top: 5px;
}


This code needs to be set in Theme Panel> Custom code> Custom CSS.

Thank you!

Hello!

If you have the Mobile Theme plugin installed and active, it could be possible for some CSS code to be overwritten, that’s why, you can uninstall it and it will display the responsive version of your desktop.

Thank you!

Hello!

Please try not to reply multiple times in the topic if possible, this will only delay our response. Replying multiple times will refresh the topic date and move it to the back of the line, we answer from oldest to newest.

Unfortunately, there is no button to hit and your score is high or your page speed is very high. You need to try to optimize your website.
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/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
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/

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/ )

Our tool is running only on normal pages and not for posts or categories for example.

We tested our tool on our demos, and we have such great results!
Take a look in this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

Thank you!

Hello,

At the moment the tagDiv CSS Analyzer is a beta version and it seems that after some fixes made it blocked the tool.

Thank you for your understanding!

Hello,

To remove the space, you need to use a custom code CSS => https://www.screencast.com/t/Hqo28jXFxM

.td-a-rec-id-header_mob
{
margin: auto;
}


Set the code in Theme Panel -> Mobile Theme -> Custom Code => https://www.screencast.com/t/St204VtFl3NU
You can inspect the mobile theme as you did for the PC, select the Toggle device toolbar https://www.screencast.com/t/uRjvUM0No57e and refresh the page and you will see the mobile theme version.

Thank you!

Hello,

If I understood correctly, you want to make the header and footer full width, so you need to edit with tagDiv Composer, select the header/footer zone and in the tab called “CSS” delete the width =>https://www.screencast.com/t/lvcU0Ru1Df after you can stretch the row => https://www.screencast.com/t/bCE7GHgkZf9L

Hope this helps you!

Thank you!

Hello,

Unfortunately, we don’t have a code for Nginx fast CGI to recognize which theme to serve.
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://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– 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/

By the way, we have such a great result with this new update and with our new tool: https://www.youtube.com/watch?v=tnkVapqhIHc
Our tool is running only on normal pages and not for posts or categories for example.
“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/ )
Our tool is running only on normal pages and not for posts or categories for example.

Thank you!

Hello!

It seems that you have a cloud template, which means you can edit the homepage, click on that row from your header, access the CSS tab of the header’s element and there you can find options to add padding in the top and in the bottom. So, in this mode you can adjust the height of your header.

Thank you!

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/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
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 ; make sure your WordPress and plugins are up to date(specially Standard Pack installed and active if you use default templates).
Sometimes, the issue can be from a plugin conflict, that’s why, please deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache(also from your browser) and try again.

We recommend using WP Super Cache plugin https://forum.tagdiv.com/cache-plugin-install-and-configure/

We tested our tool, and we have such great results!
Take a look in this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

Thank you!

Hello,

You can change the color for category template 7, using this custom code => https://www.screencast.com/t/TxFpyF4sowT3

.td-grid-style-1 .td-post-category {
background-color: rgba(255, 0, 0, 0.7);
}

The hover color is the accent color from Theme Panel -> Theme Colors -> General => https://www.screencast.com/t/IYIBnEc4s4I
This code needs to be set in Theme Panel> Custom code> Custom CSS.
If you used cloud templates then you could set color with tagDiv Composer.

Thank you!