Joomla Templates Club 406,261 posts

[placidpete Friend placidpeteJoin date: May 2010Posts: 57Downloads:0Uploads:1 Thanks: 9 Thanked: 3 times in 1 posts]

#176923

Hi

Just doing a final clean up on the mobile version of my new JA Tiris site (now live) at http://www.tenandsixpence.co.uk

The product prices shown in Jshopping (iphone version) display in default red colour and don’t not pick up the custom colour (#58B0B2) used everywhere else in the site.

Also the home page category view layout looks messy on iphone and so does the customer login page. The contact page also overflows width.

I’d be grateful for some guidance on where/how to resolve the iphone layout.

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#452695

Open file templates/ja_tiris/css/iphone/template.css file

About red colour

Add new
<blockquote>.jshop_list_product .jshop .jshop_price {
color: #58B0B2 !important;
}</blockquote>

And about “home page category view layout looks messy”

add new
<blockquote>.ja-category-wrap {
width: 100% !Important;
}

.ja-category .ja-category-image img.jshop_img,
.contact-image img {
width: 98% !important;
max-width: 98% !important;
} @media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait){
#contact-form legend {
width: 290px !important;
word-break: break-all;
}
}
</blockquote>

[Author]

Posts