Search Results for 'css'

I found an article where someone asks Googles John Mueller about this specific question.

John Mueller (Google) reply:

“Okay. Now I don’t know, how what the specific page would be and where that might be coming from. What one of the things that sometimes happens is we need to be able to fetch the CSS files for these pages as well so that we can see what they look like. And sometimes we either don’t have enough time to do that for your pages, or your server is a bit slow, and we don’t have enough capacity to get that very quickly. And then the test might fail. So if we can’t get the CSS, then it might look like the page isn’t really mobile-friendly. And usually this is something that settles down over time and maybe you’ll see individual pages that fall into the state. But in general, that’s something I wouldn’t really worry about. If the page is really mobile-friendly, if for the most part other pages on your website are seen as mobile-friendly, then that would generally be fine. It might fluctuate a little bit. You might see that as a warning in Search Console but I wouldn’t worry too much about it if you’re really sure that everything else is lined up properly.”

So hopefully I will not have to abandon this theme. 🙂

For some reason, the CSS with data in is highlighted in blue and doesn’t allow me to select and change it. Check here: https://photos.app.goo.gl/gfARXueg274N2YD56d

Also, what would be your recommended image size? I don’t want the featured image to be so high. And how to change all the featured images to the same size across the entire site?

Cheers Simion.

Hi,
You can try couple of things, first activate the mobile theme of Newspaper, that will bring the speed upto/over 45 (mobile).

Next you need to check the render blocking scripts.
I used this tutorial to bring those down. (you need to understand coding for a little while)
https://searchtides.com/eliminate-render-blocking-javascript-css-fold-content/

Also I am using lot of plugins to get the work done, You can also check some for yourself.

JCH Optimize is a good one to bring the speed index up. But remember if with plugins, the website might not work properly. So, keep experimenting.

I use WP Super chache, since any other cache plugin does not make the new stories appear, and you would end up cleaning the cache every time you post a new story/article. It is not the best Cache plugin, but seems to be the only one working with Newspaper.

We also use WP Smush Pro to keep the images size low.

Some of the plugins might reduce the desktop site index, as it puts more load on server, so make sure you have good RAM and CPU on the server.

Newspaper requires good amount of resources to be quick, no matter what anyone says you need good amount of RAM and CPU for your site to be fast if you are using this theme :).

However, Newspaper is much better than other themes we have seen, as they keep it updated and their support is excellent. Only thing missing here is infinite article load and infinite smart list load. Probably we will see it in the next update. That will make bounce rate lower and also time spend on site higher.
Hope all this helps!

I am replying to my old question because I have a new question about logo header images
and I can’t find a way in my account to submit a New Question.

Question January 12, 2019 —

I’m using the Newsmag 4.7 Fashion Magazine Demo install but want to revamp it into more of a Commentary & articles site. I kept “Fashion” because I like the styling.

I want to use a HEADER LOGO up to 1024 px (or greater) in Width
& I have a version up to 2500 px wide by 500 px height.

I want a Retina Image HEADER Style (the LOGO is already IN the Header image) that is responsive, full width when the browser reports it & then responsive scaling of the header down to Mobile setting.

Besides changing CSS files, what is the most direct way to alter necessary files so that NewsMag offers another Header Style with my preferences?

Using Header Style 8, despite the media library settings for this Header Image, my header image, though loaded with correct W & H pixels, only loads to the default max LOGO image in Newsmag which I guess is 572px.

What is being loaded from the Media Library is correct — width=”1199″ height=”245″ —
<img src="https://www.mytest.com/wp-content/uploads/2019/01/olympus-header-copy5-2500.png" width="1199" height="245" />

BUT the Newsmag page surrounds the same image with this instead–

<div class="td-header-sp-logo">
            <h1 class="td-logo"><a href="https://www.mytest.com/">
		<img src="https://www.mytest.com/wp-content/uploads/2019/01/header-copy5-2500.png" alt="" width="572" />
		<span class="td-visual-hidden">View from Olympus</span>
	</a>
	</h1>        </div>

I’d like to apply something like this generated with the Demo install–
`
<div class="td-full-screen-header-image-wrap"><div id="td-full-screen-header-image" class="td-image-gradient"><div class="td_marker_animation" style="height: 0; width: 0"></div></div></div>

Are there php files where I should also modify the generation page preferences besides overwriting the default CSS?

Thank you for having the patience to read this!

• This reply was modified 7 years by ThunderSky.
• This reply was modified 7 years by ThunderSky.

I solved the problem above by changing the columns padding to 0 px, and paste this to the phones repsonsive CSS section.

But one last question anyway. The 8 px botton padding works pefect for the image block as well as for the column block. Exept from when the block after is a text block without a heading. The text then comes to close to the picture, both on desktop and mobile. Is this possible to adjust as well?

https://test.ladiesabroad.se/2019/01/gutte-pyrgos-pa-santorini-alltsa/

Thanks a million in advance.

Wow – so border options shown in the CSS tab in Newspaper theme aren’t activated, even though most real-life newspapers use them? They only work in the lower-spec Newsmag theme? Is there a page with CSS codes for borders in Newspaper then?

I am still having the same issue with the background gradient of the Main Menu.
I have been trying to override the CSS and was able to get it to work for the sticky menu only. I want them to have the same custom background gradient for both.
I am not sure if this is a browser cache issue?
URL: http://www.theravendaily.com/
Custom CSS I have:
.td-fast-news .td-header-wrap .td-header-menu-wrap-full, .td-fast-news .td-header-menu-wrap.td-affix {
background: linear-gradient(to right, #00274d 0, #00539e 25%, #0078e5 100%) !important;
}
Thanks so much for your help ahead of time!

Thanks a million. The provided CSS totally solved the desktop issue; it looks perfect now.

On my iPhone I still have a larger padding above the two portrait format pictures. Also I have a small extra padding to the right of the first portrait picture, and dito to the left of the second portrait format picture (in the column block).

Are those issues possible to sole as well?

Thanks again.

I would like to know how to remove this using custom CSS. Thank you.