Search Results for 'css'

Hello!

I do not know exactly which element it is, but if you edit the page with TagDiv Composer, then in the left side you will see the name of the element.
I think it is about a posts loops element.
The Posts Loops settings are divided into 4 tabs: General, Layout, Style, and CSS. The Posts loop is a special block and doesn’t have filtering options.
Also, one of the options for pagination of the Posts Loop has the option for normal numbered and the flex blocks do not have this option.
The Posts Loop is automatically filtering the posts depending on the cloud template you set (for example on the category page there will be posted posts from that category).

Thank you!

Hello,

This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/slYFHBpS8tr

.td-social-line{
display: inline-block;
}

The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf

Hope this helps you!

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

Also, I checked your website with the chrome extension tool Lighthouse and for mobile https://www.screencast.com/t/iaLsAlJxQc seems you have something external which is not loading and for desktop, you have a very good score https://www.screencast.com/t/eMW8r7Hf

Unfortunately, the support cannot provide optimization solutions and therefore the page speed is not covered by the support team =>https://forum.tagdiv.com/newspaper-theme-support/

Let me know the results!

Thank you!

Hello!

1. Yes, it is possible, check this video: https://www.screencast.com/t/GKJxkZTdjS2

2. Edit a block, then you can verify in the CSS tab this option: https://www.screencast.com/t/PepaabGL

3. Please check some tips about mobile pages:
– https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
– https://www.youtube.com/watch?v=SpGkOnJeNZY

Thank you!

Hello,

Please let me know how you set the shortcode for the slider, if you set it on editor like this => https://www.screencast.com/t/25aqOvNrRX I saw some settings here https://www.screencast.com/t/UG859jNNw but I’m not sure how work, maybe you need some custom code CSS.
If you set the shortcode in column text or text with title you can set the margin top and bottom => https://www.screencast.com/t/d8ktxliZO

Hope this helps you!

Thank you!

Hello!

It seems that you use a default template, so you can not modify them, only from theme panel or with some CSS custom code.
The issue with those filtering options can be from a plugin conflict, that’s why, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache(also from your browser) and try again.
If this problem is not solved after that, then we need to take a look and see what happened there.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Our team will take a look!

Thank you!

Hello,

This button => https://www.screencast.com/t/XQu3eQoDL delete the code if it is disabled, but if the option is enabled on mobile, then just hide it.
Unfortunately, for the mobile theme, the option to disable back to top has not been implemented, the solution is to hide it with code CSS or delete it from the theme files.

Thank you!

To edit the logo, select the Header logo and in the tab called “General” is a section for text where you can delete the text => https://www.screencast.com/t/GszS6gleinb and in the tab called “CSS” you can remove the background color and color overly => https://www.screencast.com/t/oNlfksQjwI and after you can add an image on the logo in the tab called “General”=> https://i.imgur.com/QgQVQg5.png also, please set the Image width https://www.screencast.com/t/jq1E0pIj

Hope this helps you!

Thank you!

Hello1

Unfortunately in the Cloud library templates you cannot insert PHP code. Only HTML and CSS can be done using the existing elements.

Thank you!

Hello,

To change the background image, you need to select the row on the header menu element, and the tab CSS you can remove/change the image => https://www.screencast.com/t/ciUKXdLTWi -> https://www.screencast.com/t/7Oxv2GfK

Hope this helps you!

Thank you!

Hello,

You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
– https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Install via WordPress -> https://forum.tagdiv.com/install-via-wordpress/
Install via FTP -> https://forum.tagdiv.com/install-via-ftp/
Requirements for Newspaper => https://forum.tagdiv.com/requirements-for-newspaper/
After installing the theme and activating it, you will find all the theme demos in the Prebuilt websites and import whatever demo you want.

Thank you!

Hello!

Some files from Newspaper Theme are not used when only the page is loaded. Most of the page speed test websites do not interact with the website like an user does. That is why sometimes it will see “unused css”. As you can see on GTMetrix for example your page speed issue comes from fonts, when the file we are talking about is very small in loading terms: https://gtmetrix.com/reports/www.fmh.gr/wuolNmjq/

Unfortunately at the moment the CSS Analyzer tool is having an issue and is not working. Our developers are working on fixing this as soon as possible.

Thank you!

Hello,

You can change the background color with tagDiv Composer, select the row from header and in the tab called “CSS” you can change the background color/image https://www.screencast.com/t/t6oGTtxXQye

Hope this helps you!

Thank you!