Joomla Templates Club 406,261 posts

[linkwell Friend linkwellJoin date: February 2009Posts: 13Downloads:192Uploads:2 Thanks: 1]

#1070344

Hello,

I am using uber with university template and the banners for the slide show are too big. I tried to reduce the height in hte module, (400) , but it created a border on the top of the image.

So, I decided to try Hero Block and yet it’s too big.

how can I change the height and make it smooth either in slideshow or Hero?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070386

Hi
The hero block use the image as background as it had text over the image.
You can add this code in custom.css file and reduce the padding value

@media screen and (min-width: 992px)
{
.acm-hero {
    background-size: cover;
    background-position: center center;
    padding: 260px 0;
}}

reduce260px to descrese height.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. linkwell

[linkwell Friend linkwellJoin date: February 2009Posts: 13Downloads:192Uploads:2 Thanks: 1]

#1073139

Hello, I still don’t get the correct height. I have create the custom.css file as attached. but as you can see it’s still huge at http://www.abrassim.com.br.

What I am missing?

Thank you

• This reply was modified 7 years ago by  linkwell.

---

Attachments:

1. 
2. 

[linkwell Friend linkwellJoin date: February 2009Posts: 13Downloads:192Uploads:2 Thanks: 1]

#1073145

Also, I have put the file custom.css into /templates/uber/acm/hero/css and still didn’t work.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1073228

Hi
/templates/uber/css/custom.css
If file is not present kindly create it.

Regards

[Author]

Posts