Slider height

asc-synspace

Hello masters of joomla,

there are a few changes I would like to implement, but I can't find the right dial to turn or setting to change. I hope someone can point me in the right direction. Many thanks in advance.

template: ja_insight

Q1
On the start page (company) I would like to change the hight of the slider to 274 px (or something in that range). The images to diplay are h:274 px, w: 1700 px.
Amongst others I have tried applying changes like height:274px or autoHeight:true to the "style-owl.php", but no success.
Also adding ".slideshow{height:300px;}" to the custom.css did not help.

What and where do I need to change?

Q2
I would like to increase the size of the main menu.
So far I have changed the font-size setting of every megamenu.css I could find, but without any effect.

Is this change possible via custom.css and what do I neet to change/add?

Q3
On some pages (e.g. consulting) the contents of the sidebar-2 overlap the image in the header.
When changing the width of the browser window, the gap is ok as soon as the language flags move to a lower position.

Where can I change the hight of the mainmenu, or can I specify a separating space between mainmenu and sidebar-2?

Q4
When visiting the webpage German should be the default language (or even better depending on the browser setting). I could not find a setting to change from English to German.

Is there an option or how can this be changed?

So many questions.
Thank you for your suggestions and help.

Ninja

asc-synspace
Hi
1. If you force the slideshow image a low height its not possible to adjust it with slider content, for example this code is used to force a max height .acm-slideshow .owl-carousel .item { max-height: 300px; }

To increase font size of main menu , add this code in custom.css and change the size value
```
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {

    font-size: 12px;}
```
1. Kindly share the device name on which you have this issue, as i can not see this problem on site.
2. Kindly check system language filter plugin setting to see the default language changes.
Kindly open each different topic in a new thread, it will help community as well.

Regards

asc-synspace

Hello and thank you for your help.

Q1 still gives me trouble, Q2, Q3 and Q4 are solved.

Do I understand correctly that it is possible to reduce the height of the slider, but the text field cannot be adjusted or is only the automatic adjustment of the text disabled in this case? In my case the automatic adjustment seems to not function at all, therefore I would be perfectly fine with setting it manually (if possible).

Is it possible to limit the height of the slider-content and the slider-content-inner (or whatever fields are necessary) to the same value as the slider (in this case 274 px)?

Also is it possible to move the whole slider closer to the top to eliminate the white space between slider and top menu? There seems to be some kind of spacer above the actual slider:

Q3 has been my mistake, the background image simply had too much height. The firefox web-developer (inspector) made it obvious.

Thanks
Alex

aman204

asc-synspace Hi Alex,

1) Try add this to custom.css file to remove the white spacing :

.t3-section.padding-top,.t3-section.padding-bottom{padding:0 !important;}

2) To get it right proportionally for ACM slideshow with max-height being decreased here :

.acm-slideshow .owl-carousel .item {max-height: 374px;}

You may also add this to similar CSS file to get the slider-content area to appear right and adjust value accordingly :

.acm-slideshow .owl-carousel .item .slider-content{padding-top:10px !important;}

Kindly ensure to clear your browser cache if changes dont reflect.

asc-synspace

Hello Aman,

thank you. Works perfectly fine.

Have a great weekend
Alex