Joomla Templates Club 406,261 posts

[pepijn2015 Friend pepijn2015Join date: May 2015Posts: 32Downloads:18Uploads:4 Thanks: 5]

#209039

Hi there,

I have added a scroll up button and changed the button position )center) of the HERO via less.

But now I like to change the height of the HERO on the home-template. I like to maximize the height (half of it).

Can I do this and is it possible?

With regards,
Pepijn

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#578129

I am not entirely sure about what you want to achieve here. It would be best if you could send me illustration screenshot and describe on that.

[pepijn2015 Friend pepijn2015Join date: May 2015Posts: 32Downloads:18Uploads:4 Thanks: 5]

#578142

Hi
I have added two pictures. On a screen the images resizes within the block. I like to change the height of the block so the images/ hero are not that long from the beginning. I hope you understand it now.
With regards,
Pepijn

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#578221

Hi Pepijn,

You can solve the problem on your site with my solution below

+ Create templates/ja_cagox/css/custom.css file and add new rule


div#Mod151 .block-hero {
height: 400px !important;
}

div#Mod152 .block-hero .block-bg {
background-size: cover;
}

div#Mod152 .block-hero {
height: 400px !important;
}

div#Mod151 .block-hero .block-bg {
background-size: cover;
}


Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#644512

Hi Pepijn,

You can solve the problem on your site with my solution below

+ Create templates/ja_cagox/css/custom.css file and add new rule


div#Mod151 .block-hero {
height: 400px !important;
}

div#Mod152 .block-hero .block-bg {
background-size: cover;
}

div#Mod152 .block-hero {
height: 400px !important;
}

div#Mod151 .block-hero .block-bg {
background-size: cover;
}


Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#743144

Hi Pepijn,

You can solve the problem on your site with my solution below

+ Create templates/ja_cagox/css/custom.css file and add new rule


div#Mod151 .block-hero {
height: 400px !important;
}

div#Mod152 .block-hero .block-bg {
background-size: cover;
}

div#Mod152 .block-hero {
height: 400px !important;
}

div#Mod151 .block-hero .block-bg {
background-size: cover;
}


Regards

[pepijn2015 Friend pepijn2015Join date: May 2015Posts: 32Downloads:18Uploads:4 Thanks: 5]

#662658

thanks a lot. It’s exactly what I was looking for!

[pepijn2015 Friend pepijn2015Join date: May 2015Posts: 32Downloads:18Uploads:4 Thanks: 5]

#745816

thanks a lot. It’s exactly what I was looking for!

[Author]

Posts