Home Forums Weaver Xtreme Theme Change home page for mobiles Re: Change home page for mobiles

#20707
scrambler
Moderator

OK, you need to slow down a bit here…

the first rule I gave you:
.is-mobile.home .wr-element-image img {width:50%;}    
Would target all images

The SECOND rule I told you to try: .
is-mobile.home .entry-content div:nth-of-type(1) img {width:50%;} 
   
cannot possibly target more than the first one. So if you say it affect all of them you made a mistake somewhere.

Put that rule and only that rule in place and post back so we can see what is wrong in your implementation.


Now if you want to go with the image inserted manually, what you do is change the image tag to add the yellow part making sure there is a space between the new class and the existing ones.

[wr_column span=”span5″]<a href=”http://mrphilparties.co.uk/wp-content/uploads/2015/03/mrphilunicutout.png“><img src=”http://mrphilparties.co.uk/wp-content/uploads/2015/03/mrphilunicutout.png” alt=”Mr phil on Unicycle” width=”398″ height=”649″ class=”aligncenter size-full wp-image-14 myimage” /></a>[/wr_column][/wr_row]

Then the rule you would use is

.is-mobile.home img.myimage {width:50% !important;}


Regarding changing the Font size on all pages on mobile, the rule would be

.is-mobile .myfont1 {font-size:12px;}

If that does not work try adding important too

.is-mobile .myfont1 {font-size:12px !important;}

In all cases, if something we give you does not work, Leave it in and post back so we can check why…