Joomla Templates Club 406,261 posts

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#207738

We like to reduce the height of the HERO on our site. Can you please point us where we can change this? We probably needs to reduce the size of the font as well. Thank you in advance.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#575106

“HERO?” :confused:

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#641450

“HERO?” :confused:

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#740112

“HERO?” :confused:

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#575112

HERO is the Slideshow module the came with the Uber – Construction. In this template, they have one “HERO” for each slide. You can see at http://www.apoorva.com. Anyone knows how to reduce the height? Thanks.

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#641456

HERO is the Slideshow module the came with the Uber – Construction. In this template, they have one “HERO” for each slide. You can see at http://www.apoorva.com. Anyone knows how to reduce the height? Thanks.

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#740118

HERO is the Slideshow module the came with the Uber – Construction. In this template, they have one “HERO” for each slide. You can see at http://www.apoorva.com. Anyone knows how to reduce the height? Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#575118

Well, looks like there’s an unnecessarily hefty top padding property applied to that component:


.acm-hero {
background-position: center center;
background-size: cover;
padding: 260px 0;
}

I can try to help you file the correct file path and line number, but I’ll need you to temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#641462

Well, looks like there’s an unnecessarily hefty top padding property applied to that component:


.acm-hero {
background-position: center center;
background-size: cover;
padding: 260px 0;
}

I can try to help you file the correct file path and line number, but I’ll need you to temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#740124

Well, looks like there’s an unnecessarily hefty top padding property applied to that component:


.acm-hero {
background-position: center center;
background-size: cover;
padding: 260px 0;
}

I can try to help you file the correct file path and line number, but I’ll need you to temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#575124

Hi TomC, I changed the Optimize CSS to OFF. Please let me know if you need anything else. Thanks, Nagesh Anupindi

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#641468

Hi TomC, I changed the Optimize CSS to OFF. Please let me know if you need anything else. Thanks, Nagesh Anupindi

[apoorva Friend apoorvaJoin date: October 2008Posts: 33Downloads:34Uploads:0 Thanks: 15]

#740130

Hi TomC, I changed the Optimize CSS to OFF. Please let me know if you need anything else. Thanks, Nagesh Anupindi

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#575389

<em>@apoorva 479588 wrote:</em><blockquote>Hi TomC, I changed the Optimize CSS to OFF. Please let me know if you need anything else. Thanks, Nagesh Anupindi</blockquote>

In looking at your site, it appears as though you’ve resolved this issue . . . correct ?? 😎

[jm1100 Friend jm1100Join date: July 2015Posts: 33Downloads:3Uploads:0 Thanks: 16 Thanked: 3 times in 1 posts]

#577662

Hi, I have the same issue. Could you tell me how to customize/modify css or less to change the padding only for this module (hero) ?

Furthermore, it would be perfect to modify it in a responsive way (eg : 260px -> 130 px for medium screen, 104px -> 52px for small screen).

thanks !

[Author]

Posts