JoomDev: (SOLVED)Change height of banner and header? (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Change height of banner and header?

Change height of banner and header? 2 weeks 2 days ago #9096

First I have to say that I really appreciate the Astroid framework! I just started a joomla site and have tried several different frameworks. I think astroid is great, and makes a lot of sense for a beginner like me. :)

I would like to know if it's possible to adjust the height of the banner? I have a picture as banner but the top of the picture is cut off and not inside the banner. Would also like to know how I can adjust the height of the header section, I want to make my menu bar thinner.

Thanks!
The topic has been locked.

Change height of banner and header? 2 weeks 1 day ago #9102

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 87
  • Thank you received: 15
  • Karma: 1
Hello,

Thanks for using Astroid.

In case:
the top of the picture is cut off and not inside the banner.

Add this following code in custom.css file.
File path: root\templates\astroid_template_zero\css create here custom.css file and add the code in this file.
.astroid-banner .astroid-banner-inner {
	background-position: center top;
}

In case:
I want to make my menu bar thinner.
Add this following code in custom.css file.
.astroid-wrapper .astroid-header-section header.astroid-header {
    padding: 5px 0;
}


Thanks
Lalit
Last Edit: 2 weeks 1 day ago by Lalit Kumar. Reason: line missing
The topic has been locked.

Change height of banner and header? 2 weeks 1 day ago #9108

Thanks, the header and menu looks better now.

But the code for the banner just adjusted the picture position inside the banner, so now the bottom of the picture is cut off instead. I want to adjust the height and make the banner larger, so that my whole picture can be displayed inside the banner.
The topic has been locked.

Change height of banner and header? 2 weeks 1 day ago #9111

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 87
  • Thank you received: 15
  • Karma: 1
Hello,

The height and width of the images are proportionally adjusted, there is no solution to this problem.
But share with us your site URL and we see what we can do for you.

Thanks
Lalit
The topic has been locked.

Change height of banner and header? 2 weeks 1 day ago #9115

Yeah I can understand that the height and width of images are proportionally adjusted, but I would like to adjust the height of the banner section (if possible). Think it would look better with a bigger banner section.

My site is marineforum.se.
Last Edit: 2 weeks 1 day ago by Asparagus1.
The topic has been locked.

Change height of banner and header? 2 weeks 1 day ago #9116

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1218
  • Thank you received: 171
  • Karma: 33
Hello,

Since it's the background image and no content in between, there is not height for the section. There is padding that's creating the space there. If you'd like to increase the padding add the following custom CSS
.astroid-banner .astroid-banner-inner {
    padding: 80px 0;
}

The default padding is 80px (top and bottom) that makes the height 160px.

You can add the CSS using the custom code section in the backend.
github.com/joomdev/Astroid-Framework/wik...entation#custom-code

Let me know if you have any other questions?

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Change height of banner and header? 2 weeks 13 hours ago #9145

Yes, that did the trick! Now it looks the way I want it to.

Thank you so much for the help! :)
Last Edit: 2 weeks 13 hours ago by Asparagus1.
The topic has been locked.

Change height of banner and header? 2 weeks 11 hours ago #9149

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1218
  • Thank you received: 171
  • Karma: 33
Glad it worked out for you.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Moderators: priyasingh
Time to create page: 0.379 seconds