We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

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

Your Time: Our Time:

Re: change the style of Slide

Featured Lock Resolved

I'd like to make the Slide (Slideshow Pro SP2) works the same as on INSPIRE template, what and where do I need to change please?

Thanks a lot!

10 Answers

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Which template?


More than a month ago #Permalink
I'd like the slide show of Travel Template works like the slide show of Inspire Template, how to change please?

Thanks a lot.

Ehsan Riyadh

More than a month ago #Permalink
It's better to download Inspire quick start pack and install it for demo. Then see it's configuration from module manager -> Slide Show Pro Sp2.

Then you need to write some css to make it perfect.


More than a month ago #Permalink
thanks for the information.

Yes, I did have installed the quick start pack of both the INSPIRE and TRAVEL for demo, I set the configuration of Slide Show Pro SP2 the same as the demo of INSPIRE, and also copied the CSS of Slideshow part from Templates/ Shaper_Inspire/ css/ custom.css to replace the CSS parts of Slideshow in Templates/ Shaper_Travel/ css/ custom.css , but still have 2 problems(as the attachment) below:

1> the picture and the characters mixed, not picture on the left and characters on the right.
2> there are very big gaps between the bottom of the slide and the User Menu Position, I can not reduce the gaps by reducing the configuration of the module height from Module Manager -> Slide Show Pro Sp2->Basic Option->Height.

About these 2 problems, can you please tell WHERE to write the CSS, does it need to do some change on the template?

Thanks, please! It is very important to me, thanks!!!

Attachments (1)

  • slideshow.jpg

Ehsan Riyadh

More than a month ago #Permalink
This was customization of Slide Show Pro Sp2. We customize our module as we need. See the code from templates\shaper_inspire\html\mod_slideshow_pro_sp2\default.php


More than a month ago #Permalink
Thanks for the information.

I copied the file templates\shaper_inspire\html\mod_slideshow_pro_sp2\default.php to replace the default.php file of Travel Template, and now the first problem fixed( picture on the left and characters on the right). But the 2nd problem still the same.

Please see the attachment. I configure the module width to be 960px and height 400px from the module manager, but the actual width and height are bigger. I know little about coding, will you please tell where to reduce the gaps on the width and height?

Thanks, thanks!

Attachments (1)

  • slide.jpg

Jakir hasan - Staff

More than a month ago #Permalink
You have to reduce margin-top from template.css line no.34.

.main-bg {margin-top: 440px;}


More than a month ago #Permalink
thank you.

how about the left and right margins? I don't want the slide to be the full width of the screen.

Thank you.


More than a month ago #Permalink
i wont that travel themes home page slide show have the same width of the header and all the content page.
how can i do it????

Ehsan Riyadh

More than a month ago #Permalink
Download the example and follow the instruction on templates\shaper_travel\index.php file. Then open custom.css file and delete line # 12.

Attachments (1)

  • travel.zip 0.3 KB

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


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

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us