Search Results for 'css'

Hi,

In order to do that you’ll need to us a custom css
.td-old-fashioned .td-container-wrap, .td-old-fashioned .post {
background-color: white;
}
Add the above css in Newspaper>theme panel>Custom code>custom css

See results: https://www.screencast.com/t/jOMl5jsGTP

Thanks.

Hi,

If the website resources are loading slow sometimes, or are blocked for some reason (by a robots file for example), there will be warnings or the page in question will be declared not mobile friendly
– https://support.google.com/webmasters/answer/6352293?utm_source=search_console&utm_campaign=sc-mft-test

That may happen when testing with the mobile friendly tool, when the stylesheet loads slower, Google sees the page with the CSS not loaded. So most of the links will be detected as too close together, which does not happen if you check with an actual mobile phone.

Usually repeating the test the results will be different, for example when I test your website (@Aboda Magdy) the page is mobile friendly
– https://www.screencast.com/t/RfufPRQne3r
So the results from this tool would be somewhat inconclusive at times.

Having the mobile theme plugin active is a plus, this plugin was designed specifically for mobile so it is mobile friendly
– https://forum.tagdiv.com/the-mobile-theme/

Thanks

Hi,

Post views are necessary to be active in order for the popularity sorting methods to work
– https://forum.tagdiv.com/7-days-post-sorting/
– https://www.screencast.com/t/kd4SDHyob3Ao
The view count will only appear in the post page, not in modules.

You could hide the count with CSS if this is required, this code should do that

.td-post-views {
display: none!important;
}

Thanks

Hi,

You could try this solution – https://www.wpbeginner.com/wp-tutorials/how-to-exclude-pages-from-wordpress-search-results/

If you want to hide specific pages only, this plugin might work
– https://wordpress.org/plugins/search-exclude/
Or by code – https://www.cssigniter.com/exclude-certain-posts-pages-search-results/

Thanks

Hi,

That top space is the padding of the page, default value is 48px, but in the journal demo it’s set to 80px.
I could give you a code to remove it – http://prntscr.com/lk745p
Enter it in Theme panel->Custom CSS section

.td-journal .td-main-page-wrap {
padding-top: 0;
}

Regarding the width, please check the row settings stretch settings
– https://www.screencast.com/t/jVXVNFORbg

As for the ratio, only flex grids have settings to adjust the image in the modules
– https://www.screencast.com/t/mQGx6f2a2
So you can control image alignment, image height and width. Default big grids and full width grids don’t have such settings.

The images in the mega-menu should be of this size, it cannot be changed
– https://www.screencast.com/t/Q0N3opVZYKQy
In your case some of the thumbnails are not created properly. Please regenerate the thumbnails to recreate them
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thanks

Hi,

The links will first inherit the theme accent color, maybe you changed it
– https://www.screencast.com/t/1PSfasUB

If you changed the accent color and wish to keep it, but also have the links in a different color, you could set a color while editing the post
– https://www.screencast.com/t/Pr6K0dtu
Or color them all at once with some CSS – https://www.screencast.com/t/7C4cBAeP3n
The code will apply to all the links in the post content

.td-post-content a {
color: yellow;
}

Thanks

Hi,

This is heaping because firs is load the default css from them, and after that is load the custom made in theme panel or blocks.

Pleas install a cache plugin like WP Super Cache and see if the problem persist.

Thank you for your understanding.

Hi,

That may happen when testing with the mobile friendly tool, when the stylesheet loads slower, Google sees the page with the CSS not loaded
– https://www.screencast.com/t/JTLpiXRLz9T
So most of the links will be detected as too close together, which does not happen if you check with an actual mobile phone
– https://www.screencast.com/t/ZQJEIzzhcb5
Repeating the test or testing another post in most cases provides different results
– https://www.screencast.com/t/TG7KEGpwg5X
– https://www.screencast.com/t/kywsHJQFL

I checked the gallery in the post you mention, for me it does not work on desktop as well, clicking on the navigation arrows or thumbnail images at the bottom doesn’t do anything. It should work same as here
– https://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/

Could be a plugin conflict, a plugin could be breaking the gallery functionality. Does the same happen if you test with a gallery in a new post? If it does try to deactivate all non-theme plugins as a quick test, check if that solves the problem.

Hi,

Please follow this tutorial : Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please read this topic ->https://forum.tagdiv.com/topic/how-to-use-arrow-type-bullet-mark-and-rounded-serial-no/
In order to make an element round all you need to do is to border-radius: 50% to the element class.

2. No the the speed of site will not decrease from a line of css.

Thank you for your understanding.

Hi,

This is heaping because you set the link color white, please change the accent color, from Newspaper> Theme panel> Custom code> Custom css https://www.screencast.com/t/hHTZF07lfZ

Thank you for your understanding.

Hi,

The zoom can be disabled in the grid settings – https://www.screencast.com/t/XSjCBVnmA
So if you don’t want this effect, disable it.

A code solution as you mention would work just as well. Either use the default big grid with additional CSS, or the flex grid with the hover setting disabled.

The rollover effect is also a setting in the flex grids, so it can be enabled/disabled
– https://www.screencast.com/t/uzxZrgzWp

Thanks

Hi,

You can mimificare your style.css
Please follow your guide from here -> https://forum.tagdiv.com/how-to-make-the-site-faster/

Thank you for your understanding.

Hello itkhoj,

Please notice that the speed of your website depends on how well your site is optimized.

Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/

Another useful guide for increasing the page speed can be found here -> https://kinsta.com/blog/google-pagespeed-insights/

Thanks for your understanding!

Hello all,

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
We will take it into account and in the future, we hope to find some ways to reduce that file.

Thanks for your understanding!

Hi,

In most cases working with percentages instead of fixed values means the result will be responsive. Like in the case from above, while it does look good on desktop or larger devices, on mobile there is a problem.

Also media queries are very helpful for creating responsive designs
– https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks

Hello degloverjr,

Do you are referring to this comment count tag? Do you want to change the position of it? If you want to achieve something like this, you need to do it yourself through the code (using such custom CSS code) because this task involves doing such additional customization and we cannot provide this kind of services at the moment, sorry!

Thanks for the message!

Hi,

I do not quite understand the problem you referring to, you can not paste the above css in Custom code>Custom css ?
Please provide some more details, and some screenshots would be very helpful.

Thank you for your understanding.