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

Your Time: Our Time:

Changing slider height in qubic template

Featured Lock Resolved Issue
How to set slider height to 465 pixels in qubic template?

5 Answers

Ofi Khan - Staff

3 weeks ago #Permalink
1. Please select Edit Row option
Screenshot_22.png

2. Go to Style
Screenshot_23.png

3. Change Window Height to Height
Screenshot_24.png

and now change the height as you want.

- Best regards

Attachments (3)

  • Screenshot_22.png
    Screenshot_22.png 106.5 KB
  • Screenshot_23.png
    Screenshot_23.png 121 KB
  • Screenshot_24.png
    Screenshot_24.png 118.5 KB

Andrzej

3 weeks ago #Permalink
Thanks. It works, but not as I expected.

I have a picture 1920x465. I have used your advice, but unfortunately slider shows only a tiny part of my picture.
It seems to me that slider:
1. makes my photo larger (3716x900)
2. it crops left and right side significantly.
3. it crops the slider height from 900 to 465 pixels.

What I need is to use all my picture as a slider picture not a tiny part of it.
Is it possible? If so how to do this?

Ofi Khan - Staff

3 weeks ago #Permalink
Thanks. It works, but not as I expected.

I have a picture 1920x465. I have used your advice, but unfortunately slider shows only a tiny part of my picture.
It seems to me that slider:
1. makes my photo larger (3716x900)
2. it crops left and right side significantly.
3. it crops the slider height from 900 to 465 pixels.

What I need is to use all my picture as a slider picture not a tiny part of it.
Is it possible? If so how to do this?



Please try resizing your photos and check.

- Best regards

Andrzej

3 weeks ago #Permalink
What do you mean?
I want my slider to be 1920x465, about 43% of HD screen height.
Why should I resize my photo?

Ofi Khan - Staff

3 weeks ago #Permalink
What do you mean?
I want my slider to be 1920x465, about 43% of HD screen height.
Why should I resize my photo?


OK, no problem. You may use this code and see:

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text{
margin-top: 0px;
}


- Best regards


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 104
Toufiq

Toufiq

Total Accepted Answers: 52
Sifat

Sifat

Total Accepted Answers: 41
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 24
Ofi Khan

Ofi Khan

Total Accepted Answers: 20

118

Templates

306418

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

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