Hello

I added this code to Custom CSS in order to change the title size on mobile, block 18:

@media(max-width:767px){
.td_block_18 .td_module_mx8 .td-module-title a{
font-size:20px!important;
}

I have been looking for in style.css, and I have seen this piece of code related to block 18:

Block 18
*/
.td_block_18 .td-block-span12 {
width: 100%;
}
.td_block_18 .td_module_mx8 .td-module-thumb {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td_block_18 .td_module_mx8 .td-module-thumb {
margin-bottom: 20px;
}
}
.td_block_18 .td_module_mx8 .entry-title {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td_block_18 .td_module_mx8 .entry-title {
font-size: 18px;
line-height: 24px;
}
}
.td_block_18 .td_module_mx8 .td-module-meta-info {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td_block_18 .td_module_mx8 .td-module-meta-info {
padding: 0 14px;
}

I can´t see exactly the same code to replace here, where I should put the custom CSS?

Thanks

I can´t find this option in Yoast Seo, I have been looking for all plugin setting, but I can´t see it.

It´s something that I would like to solve, because this issue prevent homepage from showing up in the rankings, so I think it´s important.

Thanks

Hello

Well ok, but what´s the difference between WP Smush and this code? Do you recommend to me using this code in order to reduce the size of my thumbnails?

Thanks

Hello

Ok, I understand. It´s good to know these kind of thinks. I thought this code previously mentioned had the same function. I will try to do the way you have said to me with GIMP for example, which is the editor I usually use.

What do you refer exactly with WP compression level set to 50?

I don´t use jetpack at this moment, so there is no problem with this.

Thanks

Hello

Yes, I´m using Yoast but I can´t find exactly where is this option to uncheck the option to enforce trailing slash.

The URL I have on the WP admin>settings>general doesn´t have any trailing slash. Should I put it? I have two boxes with the same homepage URL.

Thanks

Hello

I am sorry for the delay in my reply, but I needed to check before some things related with this topic.

I don´t know exactly what are the blocks that are not responsive by themselves. In my case, I use block 18 (just big picture), block 2, block 16 and block 7. I notice that each picture I upload for posts, automatically are generated 6 more with these resolutions: (696×385) (324×160) (300×200) (218×150) (150×150) (100×70).

I have never used image lazyload, I have to check to see how it works. In my case, I will try to see how I can place some articles or making some movements, it´s a good recommendation. I will take this into account.

I have seen that pictures I upload don´t have (696×385) exactly, I used to reduce just width but not height, and I suppose that it is the reason why theme generates this thumbnail, which it has even more size that my uploaded picture. So, if I upload pictures exactly (696×385), I suppose that theme take this one and it doesn´t generate another one, saving space on server.

I will try to use WP Smush and see how it works, maybe I could reduce time instead of compressing pictures manually.

If I use this tutorial code instead of using WP Smush, does it have the same results?

add_filter( ‘jpeg_quality’, create_function(”, ‘return 50;’ ) );

Thank you

Hello Catalin

Ok, I understand. I will try to find out where is this piece of code and then replace it carefully. I suppose that I must remove my custom CSS modification on theme panel, is it correct?

Thanks

Hello

Ok, I understand. In my case, I have some custom modification on the website, so that´s the reason to this loading delay.

Where I must put the CSS modfication in style.css file? I don´t know exactly the place to put it.

Thanks

Hello

It occurs exactly the same to me. I have installed Speed Booster, I had to remove the files that tutorial explains in order to work perfectly, because there was a plugin incompatibility.

I noticed that something was going wrong. I have to say that page speed score was improved but I had to remove because the site doesn´t look very well with these effects.

I would like to know the reason to these issues, because I´d like to install it in order to improve the speed.

Thanks

Hello

So in this case, do you recommend to me using cloudfare to minify instead the way you said before with GTmetrix? Does it have any risk to replace files which need to be solved?

I have a 95 % score in PageSpeed GTmetrix and 87 % YSlow, but when I check my website in google pagespeed insight, the score is lower, and I don´t know exactly if I should solve these issues.

Thanks

Hello Akpan

I would like to minify Javascript, CSS and HTML because my pagespeed score is not enough good. I would like to know if I I can use the same GTmetrix way to minify Javascript and HTML as well.

To do that, Do I must to replace the optimized file instead the former?

Thanks

Hello Catalin

I am going to get information from all these links you have provided me. I had seen some of them, but not others.

I will let you know if I can solve my speed performance and how it goes.

Thanks for these information.

Hello

I have solved the problem with the last code. It works properly. I understand you have to see the block itself.

Thank you very much for your support.

Hello

Well ok, I have solved the problem doing the first indication.

Thank you

Hi

Ok right. Yes, the website is http://www.futbolday.com

The block is 18, I have it as main article on the top of the site.

For example, I have a long title at this moment and it can´t be displayed correctly on mobile due to its size.

Thanks

• This reply was modified 10 years by Albert.

Hello

I have checked again the code and everything is correct, but the font size has not changed on mobile.

There is a warning on line 3, which display “use of !important” I don´t know if this is the problem. I would like to solve this problem because the title appears very big on mobile.

Thanks

Hello

I have introduced the entire code in the custom area and anything happens. The title size is the same and it hasn´t changed yet on mobile.

I also cleared cache.

Thanks

Hello

I have introduced this last code in advanced css phones area and it doesn´t work. Is this the correct place to introduce it?

It appears a warning on line 3, (use of !importante)

Thanks

Hello

Ok, I understand. As you said before, the footer also changes when I try to change the background content color.

Thanks for your support.

Hello again.

Could be possible to change block 18 title size for mobile? I mean just for responsive.

Thanks

Hello

I have solved the problem changing the width to 100% instead of 700px. It works great and all the content is perfectly displayed.

Thank you very much

Hello

Ok, I understand. The website is http://www.futbolday.com

You can see all tables in “Estadísticas” section.

The tables are simple shortcodes powered by a football plugin which shows league tables, fixtures and results. I can adjust different sizes before being displayed.

Thanks

• This reply was modified 10 years by Albert.

Hello

It´s ok, it works. But I´ve noticed that the border content has not changed at all. There is a limit around the content which doesn´t change.

Also, footer has changed to the new color and I can´t see the content because I have a dark footer.

Thanks

I don´t refer to the bakground color, but the content background. I had already read that documentation, thanks.

Hello

Yes, I had seen that. But, I don´t know exactly the code I must introduce there.

Thanks