Joomla Templates Club 406,261 posts

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#190216

Hello!

This is a minor issue but makes me feel uncomfortable. I have changed the 830 x 560 pic but there is a white line which looks weird.

I have double checked the size of my picture but it is the right size. I also checked the demo site and there is a white line too.

It seems that for every menu items, the first picture always shows a white line. Please help to fix it because it really makes the template looking strange.

Thanks!

---

Attachments:

1. 
2. 

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

#504318

Hi skillfulken,

You can try to create a custom.css file in templates/ja_smashboard/css/ path and put below codes into:

/*Adjust the intro image width*/
.item .item-image img {
width: 100%;
}

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#504454

Hi Leo

I have created the custom.css and cleared the cache in my browser too. However, the intro image still has a white line.

---

Attachments:

1. 

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

#504457

Hi skillfulken,

If possible, can you put your website’s url here so that I can give you better solution in this case ?

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#504480

Hi Leo

It seems that I can’t reply the message for an unknown reason.

Here is the screen capture:

I use the latest version of Chrome to open it and it still shows a white line. When I use the full screen mode, the white line disappear but it appears again once return back to window mode.

If I use IE10 to open it, everything is alright.

---

Attachments:

1. 

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

#504563

Hi skillfulken,

The issue will happen only when you zoom in the window to 150%. Anyways, you can try to put below codes into custom.css file:

.ja-infinity .item {
margin: 0 0.7em !important;
}

Note: The distance between the item will reduce a littile but i think we should accept it because there is no real device on that resolution.

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

1. imported_skillfulken

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#504583

It works! Thanks Leo!

[Author]

Posts