Joomla Templates Club 406,261 posts

[ger12 Friend ger12Join date: May 2012Posts: 185Downloads:7Uploads:0 Thanks: 62 Thanked: 8 times in 1 posts]

#207396

Hi,

1) I would like to show image in full width, I dont like the background.

2) Why cant see sl1-first.png picture? I put the right name. :((

3) How can I resize the picture instead the background ? Why on mobile It becomes small?

Thanks in advance

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#573988

Hi there
# About full width image
– You’ll need image with larger width . Because if it’s not large ( width ) enough than it can fluid screen.
– Try to apply this css
.t3-wrapper .wrap.ja-slideshow .container{width:100%}

For another issue please create another topic with issue detail.
In quick as i can see it’s be blocked by your ad blocker programs.

Thank you,
Viet Vu

[ger12 Friend ger12Join date: May 2012Posts: 185Downloads:7Uploads:0 Thanks: 62 Thanked: 8 times in 1 posts]

#573993

Thanks jooservices,

I use your code and look better. a litlle more enchance. If you compare the picture in the first post, thanks a lot for that code.

But I upload the image in 1400px. x 700px. why show in 1252px.?

Thanks again.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#573998

Hi there
# we are inside container . With width: 100% content will be stretch width to fit size of container.
And in another part we have
.container {
margin-right: auto;
margin-left: auto;
/* padding-left: 50px; */
/* padding-right: 50px; */
}

That’s why we have space at left / right . Just remove it ( only this case ) than image will fluid screen.

.ja-ss-item {
backface-visibility: hidden;
display: block;
float: left;
left: 0;
margin: 0;
min-height: 260px;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
z-index: 1;
}
}

Thank you,
Viet Vu

[ger12 Friend ger12Join date: May 2012Posts: 185Downloads:7Uploads:0 Thanks: 62 Thanked: 8 times in 1 posts]

#574005

Thanks jooservices,

Where can I found that code?

.container {
margin-right: auto;
margin-left: auto;
/* padding-left: 50px; */
/* padding-right: 50px; */
}

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574006

Hi there
You can apply override css into custom.css
Note:// Please update css selector only for your case.

Thank you,
Viet Vu

[ger12 Friend ger12Join date: May 2012Posts: 185Downloads:7Uploads:0 Thanks: 62 Thanked: 8 times in 1 posts]

#574010

Thanks body,

but nothing happens,

I put that into custom.css:

.t3-wrapper .wrap.ja-slideshow .container{width:100%}
.ja-ss-item {
backface-visibility: hidden;
display: block;
float: left;
left: 0;
margin: 0;
min-height: 260px;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
z-index: 1;
}
}

:((

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574012

Hi there
No. It’s not code to use. It’s provided to explain root cause.
div wrapped for image using float:left and right: 0 and width: 100%
It’s mean image will aligned at center of screen with size 100% of CONTAINER.
If you want to change it than you can force width: <value>px

Thank you,
Viet Vu

[ger12 Friend ger12Join date: May 2012Posts: 185Downloads:7Uploads:0 Thanks: 62 Thanked: 8 times in 1 posts]

#574013

Ok I want to force it.

this line is ok?

.t3-wrapper .wrap.ja-slideshow .container{width:<1400px>}

because dont work for me, sorry man, Im rookie with code. :((

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#574014

Hi there
Please try this

.t3-wrapper .wrap.ja-slideshow .container {
width: 1400px;
}

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. ger12

[Author]

Posts