Joomla Templates Club 406,261 posts

[ghd123 Friend ghd123Join date: October 2012Posts: 49Downloads:0Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#186605

Hi,

I have an image on home page in the slider position. On the tablet the resolution of the image is fine… but when looking at the PC it looks really poor. Is there any chance to increase the PC width of the template? So the image may appear bigger?

Or does anyone have any other ideas?

Thanks,
Caroline

[ghd123 Friend ghd123Join date: October 2012Posts: 49Downloads:0Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#489345

Further to this (the image has a really high resolution ) Why does it look so pixelated on the PC? IE in particular. It is crystal clear on the iPad when zooming in…?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#489608

Hi ghd123,

Can you go to admin >> Template Manager >> JA_Puresite default >> Global tab >> Set Join&Minifiy&Compress to Optimize CSS.
Then Save, Clean T3 cache.

* Don’t forget to inform me your result.

Regards,
—
Leo

[ghd123 Friend ghd123Join date: October 2012Posts: 49Downloads:0Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#489666

HI Leo,

It is already on that option:

Optimise CSS : Join minify and compress

I did press save again and cleaned the cache but it’s still the same.,, with no change.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#489848

Hi

“Is there any chance to increase the PC width of the template? So the image may appear bigger?”

>> Try to add below codes:

#Mod111 { /*You also can add your width, margin value*/
width: 1035px !important;
margin-left: -50px;
}

into the end of file <blockquote>templatesja_puresitecsstemplate.css</blockquote>.

Regards,
—
Leo

[ghd123 Friend ghd123Join date: October 2012Posts: 49Downloads:0Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#490303

<em>@Leo Burnetts 368906 wrote:</em><blockquote>Hi

“Is there any chance to increase the PC width of the template? So the image may appear bigger?”

>> Try to add below codes:

#Mod111 { /*You also can add your width, margin value*/
width: 1035px !important;
margin-left: -50px;
}

into the end of file .

Regards,
—
Leo</blockquote>

Hi Leo,

Thank you this has increased the rooom for image size on the PC and therefore now much clearer, however now it doesn’t appear the to be behaving responsively on tablet size?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#490469

Hi ghd123,

Yes. I saw the issue on table view. Sorry for that. Now, remove my codes of #Mod111 class above.
Then open <blockquote>template/ja_puresite/css/layout.css</blockquote>, then put below codes at the end of file:


#ja-slider .ja-masonry {
width: 120%;
margin-left: -60px;
}


Regards,
—
Leo

1 user says Thank You to phong nam for this useful post

1. ghd123

[ghd123 Friend ghd123Join date: October 2012Posts: 49Downloads:0Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#490674

Great thanks! All fixed 🙂

[Author]

Posts