Search Results for 'css'

Hello,

I am not sure I fully understand what you are looking to edit, but if you referring to the background color of the Instagram block you can set it from the tab called “CSS” https://www.screencast.com/t/9QribPkI
Also, if this is not what you mean, please provide some screenshots.

Hope this helps you!

Thank you!

Hello!

One solution could be to edit directly on the frontend, because we have the opportunity of a live CSS function and there you can see exactly what you modify: https://www.screencast.com/t/k6vkLkjkqiwL

Hope that helps you!

Thank you!

Hello!

You should check the row of the element and all settings(CSS tab also) and for sure you can find where to delete a color or a background image from that logo. Let me know which template you installed and I can help you.
In order to see your cloud templates, you need to access Dashboard -> Cloud templates. There you can delete them also, but I recommend only to assign another template without deleting everything.

Thank you!

Hello,

You can try both options because the score differs from one user to another and choose the one that gives you the best score.
if you choose the mobile page, then you can use tagDiv Analyzer to remove the unused CSS.
The mobile theme has a simple design “the mobile theme comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)”.

Hope this help you!

Thank you!

Hello,

I am not sure I fully understand what you are looking to edit., but if you referring to the background color of the block, you can change it from the tab called “CSS” => https://www.screencast.com/t/aXFo8uoNOS3U

Thank you!

Hello!

It depends which option you use, because we have 3:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/

3. Mobile theme plugin: https://forum.tagdiv.com/the-mobile-theme/

A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY

The fastest solution for mobile is the 3rd one the Mobile Theme plugin. This one it has its own design, so it can be sure you have the optimal number of designed elements(basic ones) on the pages and also, you can optimize it to improve your speed. The fewer elements you have on the page, the smaller in size the page is and the CSS is smaller too.
Unfortunately, there is no button to hit and your page speed is very high. You need to try to optimize your website too and choose the fastest solution which suits you the best.

Thank you!

Hi,

If I’m right you are referring to this one https://i.imgur.com/eZVr5tu.png this is exactly how I was thinking, the Patreon Plugin it is understand the cloud template in two ways, as template (because it is setting the unlock button inside the content), but it is also it is understand it as man content and it is also add the button the second time at the end of single post template. If you make a test with a standard template then this will be display only once inside the post content. Now this problem it’s not that bad, it can be easily fixed (like you did) with a CSS.
Now the main question it is here https://lab.org.uk/?p=20871&preview=true&public=true all posts it should look like this https://lab.org.uk/?p=20872&preview=true&public=true
I do not know exactly why this is empty like there is no single post template there. Maybe this is a behavior of the Patreon plugin, but I do not know exactly since we didn’t test the plugin. If you set there a default post style from standard pack it is acting the same?
Thank you!

Hello,

The color which is set on email is the THEME ACCENT COLOR from Theme Panel -> Theme Colors -> General => https://www.screencast.com/t/KEoP35E0kK, so you need to use a custom code css to change the color => https://www.screencast.com/t/MPhoEaebp

.footer-email-wrap a{
color: #fff!important;
}
You need to set the code in Theme Panel -> Custom Code -> custom CSS.

Thank you!

Hi rebecaserna, I checked again and the results are good https://i.imgur.com/oJwNJKN.png -> https://i.imgur.com/hMIQZ4q.png -> https://i.imgur.com/RX7BdG4.png and the only problems on mobile I see to be with LCP -> https://i.imgur.com/utMpfiv.png , there are none for CLS -> https://i.imgur.com/9sZHEsm.png
Now the LCP is in most part related to images and there size, a good LCP it is under2.5 seconds and a poor one is over 4 seconds. Now the only suggestion that I see in lighthouse for your website is not related of images and it is on CSS and js. But if you want you can make a test and use smaller images. For example here -> https://i.imgur.com/UnjVd7N.jpg
Here are some articles about Core Web Vitals:
-> https://www.perrill.com/should-i-be-worried-about-core-web-vitals/
-> https://www.contentkingapp.com/academy/core-web-vitals/
Thank you!

Hi,
What I can suggest for mobile version is to try the mobile page and mobile theme plugin and see with which one you get the best results.
Also if you use the mobile page then the css Analyzer will apply on it too.
Also only the images that are set as background are set in “span” tag, for example this one -> https://i.imgur.com/I2GrWGJ.png and the problem can be that the css is load latter, if you want to have img instead of spam use standard blocks (block 1 to 25).
I hope this will help you!
Thank you!

Hi 2zi0, there were some changes in boxed option. Before in newspaper v11.1 https://i.imgur.com/AYgmehm.png was made a fix to box the entire website, but most of users reported that the want to have control over there header and footer, therefore in Newspaper v11.2 that fix was removed. But do not worry, that still can be done using tagDiv Composer.
You need to edit the homepage and go down to footer section, then select one element from footer to can select the footer zone -> https://i.imgur.com/3qkC7AO.png then clear the gradient and it will display the background color ->https://i.imgur.com/s0p5ORn.png -> after that all you need to do is to set all rows on default -> https://i.imgur.com/gp3hpzt.png then check in css tab, some of row have set margins -> https://i.imgur.com/Kj0ynfR.png
I hope this will help you!

Hi player1, I think that this it is possible only if you use inline css, but most of the theme do not have an option like this, sorry!
Thank you for your understating!

Hi,
I just checked your website and I see that you have quite good results -> https://i.imgur.com/AWb7vWl.png -> https://i.imgur.com/fkjQWus.png
What I can suggest is to add for this image and height and width -> https://i.imgur.com/m4a3ODp.pngthis should reduce the CLS.
Also if you want you can check our CSS Analyzer too -> https://www.youtube.com/watch?v=tnkVapqhIHc
I hope this will help you!

To solve this problem you need to optimize better your website, the CLS and LCP are all about the website page speed, to can get better results, you need to optimize the website better.
For mobile version, if you want you can try the mobile page , for most users that use pro prebuild website provide better speed on mobile, you can check it on our website from here -> https://demo.tagdiv.com/newspaper_pro/ -> https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper_pro%2F
Also please try the CSS Analyzer tool -> https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/
Also here are other guides that can help:
-> https://www.youtube.com/watch?v=tnkVapqhIHc
–> https://tagdiv.com/how-to-increase-page-loading-speed/
-> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Or if you want you can make a request to custom services -> https://tagdiv.com/services/custom-services-page-speed-optimization/

Thank you for your understanding!

Hi,
I think that this situation can be done if you add on row some negative margins like this https://i.imgur.com/9uBz044.jpg in my example it was need to add “-48” margin left and right on row css to display properly.
I hope this will help you!
Let me know the results!

Hi,
it look that the image is load slower, this have on it a transition and opacity, maybe removing theme will make it to load faster, for this you need to use this custom css
body .td-js-loaded .td-element-style-before {
opacity: 1;
}
body .td-element-style-before {
-webkit-transition: none;
transition: none;
}
This code need to be set in the theme panel> analytics/js code between <style> </style> tags, like this -> https://i.imgur.com/qk7VPSF.png
I hope this will help you!
Please let me know the results!

Hello @akram84,

To remove the author name on the blocks, please go in Theme Panel -> Block Settings -> Meta Info on modules/blocks and disable the author => https://www.screencast.com/t/5w5CxkcU
Also, for the search bar for mobile, you need to use a custom code CSS to look like this => https://www.screencast.com/t/fW2Ui1OdVIK

.td-search-icon {
right: unset;
left: 0;
}
Set the code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.

Thank you!

Hi adis990,
Unfortunately, we do not tested the WP Rocket, therefore, we do not know the right settings that need to be done, but you need to be carful with minify options for css and javascript, those can interfere with Newspaper theme.
The only suggestion is to check the plugin documentation https://docs.wp-rocket.me/ and if you want you can check the guides like this one https://www.infophilic.com/wp-rocket-settings-cloudflare/
Thank you!