50% Black Friday discount valid for limited time only! Details

Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

The movement of the image in Feature Box

Featured Lock Resolved Issue
Hello.
When I place an image with a centered title, the effect of Feature Box, decenter the title and break the layout because of this effect
I would like to change or cancel the image motion effect in Feature Box.
How can this be done please?

12 Answers

Jakeza

One week ago #Permalink
I discovered the problem.
As long as you do not place a link for "Title URL", the selection field for the image does not appear. So you have to put a line for the 'Title URL" to be able to use this link for the image by then selecting the "both" option in the new field "Url Apear in".
It misses the mention "image" next to the mention "Title URL" (like Title/image URL) to understand the process.
Here.
Thank you for everything. Truly.

Shibbir - Staff

2 weeks ago #Permalink
Hello there,

Send me your site url to check.

Thanks

Jakeza

2 weeks ago #Permalink
Hello,

It is nice to propose this but I would prefer to correct by myself to better know this template please.

You can see the movement of the image in Feature Box in action at below "OUR FEATURED COURSES" at this address:
http://demo.joomshaper.com/2017/educon/

I would like to change or cancel the image motion effect in Feature Box.
Can you guide me for that ?

I thank you for your help.

Shibbir - Staff

2 weeks ago #Permalink
Hello there,

Use this CSS in the custom.css file:


.home-featured-course .sppb-addon-feature .sppb-img-container img {
-webkit-transition: .4s;
transition: 0s;
-webkit-transform: translate3d(-40px,0px,0px);
transform: translate3d(0px,0px,0px);
width: 111%;
max-width: initial;
height: 210px;
}


Thanks.

Jakeza

2 weeks ago #Permalink
Thank you very much but, I am sorry, I don't know where I can to find this custom.css file.

Shibbir - Staff

2 weeks ago #Permalink
Thank you very much but, I am sorry, I don't know where I can to find this custom.css file.


Hello there,

Go to templates/shaper_xxxx/css/ folder and then create a file called custom.css file.

Thanks.

Jakeza

2 weeks ago #Permalink
Thank you !

a) The problem is that the image still does not fit (see the frame of the image on the right that disappears).

b) Since the "featured box" extension does not allow to place a link on the images, I try to place it in the title but there is an error of placement.
So, where is the problem with this link below for the title ?
<span><a href="http://index.php/les-formations/pratique">PRATIQUE</a></span>

c) Finally, is it possible to make the image contain a link?

Regards

Attachments (2)

  • 2017-11-09_09-18-52.jpg
    2017-11-09_09-18-52.jpg 18.8 KB
  • 2017-11-09_09-17-37.jpg
    2017-11-09_09-17-37.jpg 27.9 KB

Shibbir - Staff

2 weeks ago #Permalink
Thank you !

a) The problem is that the image still does not fit (see the frame of the image on the right that disappears).

b) Since the "featured box" extension does not allow to place a link on the images, I try to place it in the title but there is an error of placement.
So, where is the problem with this link below for the title ?
<span><a href="http://index.php/les-formations/pratique">PRATIQUE</a></span>

c) Finally, is it possible to make the image contain a link?

Regards


Hi there,

a) Give me your site link to check the image issue.

b) In this title box, you can't add the HTML code. You need to put raw text.

c) It's possible to change the core code.


Thanks.

Jakeza

2 weeks ago #Permalink
Thank you!

a) I resolved the problem (with width: 100% in custom.css)
b) I did that but there's the same problem (see picture on attachment please)
c) Please, how can I do that (put a link to the picture of feature box ?

Regards.

Shibbir - Staff

One week ago #Permalink
Thank you!

a) I resolved the problem (with width: 100% in custom.css)
b) I did that but there's the same problem (see picture on attachment please)
c) Please, how can I do that (put a link to the picture of feature box ?

Regards.


Hi there,

Please check the feature box link option. You can see an option that where do you want to link it. There are options which are an icon, image, title etc.

Thanks.

Jakeza

One week ago #Permalink
Hi,

It's seem there is no option like this for the pictures. Only for the buttons (to see attached file please).
Perhaps I made a mistake; it's why I ask you about this question.

Regards

Attachments (1)

  • 2017-11-10_12-58-09.jpg
    2017-11-10_12-58-09.jpg 36 KB


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 113
Toufiq

Toufiq

Total Accepted Answers: 50
Shibbir

Shibbir

Total Accepted Answers: 31
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5
Pavel

Pavel

Total Accepted Answers: 4

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam