Reduce height of title box #24

Closed
jmburgos opened this Issue Feb 14, 2017 · 4 comments

Comments

Projects
None yet
3 participants
@jmburgos

Hi Kiyoshi,
Sorry for the newbie question, but how do you reduce the height of the gray box that surrounds the site title and description? I would like to have less empty space.
Many thanks!

@ethanmad

This comment has been minimized.

Show comment
Hide comment
@ethanmad

ethanmad Mar 5, 2017

This is what I have in my site, but I've modified the jumbotron quite a bit. (See http://umich.edu/~fencing and UM-Fencing/club-theme.) Try it; I think it should work.

bootie-docs.css:

.jumbotron {
    height: 420px;
}

ethanmad commented Mar 5, 2017

This is what I have in my site, but I've modified the jumbotron quite a bit. (See http://umich.edu/~fencing and UM-Fencing/club-theme.) Try it; I think it should work.

bootie-docs.css:

.jumbotron {
    height: 420px;
}
@key-amb

This comment has been minimized.

Show comment
Hide comment
@key-amb

key-amb Mar 5, 2017

Collaborator

Thank you, @ethanmad
I'll take care of this later.

Collaborator

key-amb commented Mar 5, 2017

Thank you, @ethanmad
I'll take care of this later.

@key-amb

This comment has been minimized.

Show comment
Hide comment
@key-amb

key-amb Mar 5, 2017

Collaborator

Hello @jmburgos cc: @ethanmad

I just implemented an feature to customize site's CSS: #27
I recommend you to update bootie-docs theme.
Note about the change in #26 , too.

Then, you can add your custom CSS as static/css/site.css.

And, to customize Jumbotron of Bootstap, refer to the css codes around here: https://github.com/twbs/bootstrap/blob/v3.3.6/dist/css/bootstrap.css#L4961-L5003
(We currently use v3.3.6 for bootie-docs)

Finally, I think adding static/css/site.css with following lines will meet your request:

/* just an example codes */
.jumbotron {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
Collaborator

key-amb commented Mar 5, 2017

Hello @jmburgos cc: @ethanmad

I just implemented an feature to customize site's CSS: #27
I recommend you to update bootie-docs theme.
Note about the change in #26 , too.

Then, you can add your custom CSS as static/css/site.css.

And, to customize Jumbotron of Bootstap, refer to the css codes around here: https://github.com/twbs/bootstrap/blob/v3.3.6/dist/css/bootstrap.css#L4961-L5003
(We currently use v3.3.6 for bootie-docs)

Finally, I think adding static/css/site.css with following lines will meet your request:

/* just an example codes */
.jumbotron {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@ethanmad

This comment has been minimized.

Show comment
Hide comment
@ethanmad

ethanmad Mar 5, 2017

Great, thank you, @key-amb. Now merging in your changes should be easier for my and other forks.

ethanmad commented Mar 5, 2017

Great, thank you, @key-amb. Now merging in your changes should be easier for my and other forks.

@key-amb key-amb closed this Mar 15, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment