Menu icon Foundation

My Posts

No Content

My Comments

Bill Tran commented on coralie diatkine's post over 5 years

  1. The vertical alignment or possibly the padding of the text in each tab

If you want to add padding, in your css add a margin to the selector. (margin: 0 15px)

.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 15px;
line-height: 45px;
background: #333;
margin: 0 15px
}

  1. The style of the separators between each tab in the bar ( I am not sure I understand what the divider class is)

Divider class actually put shows a line that separates each tab.

  1. The color of each tab

.top-bar-section li.active:not(.has-form) a:not(.button){
background-color: Black(this should be the color of your tab)
}

  1. Their vertical alignment in the top bar

The vertical top bar auto aligns, so if you change the height of the top bar it will align automatically.

Bill Tran commented on Artme Studio's post over 5 years

Check this out this should get you started.

http://codepen.io/rafibomb/pen/aicGH

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on coralie diatkine's post over 5 years

  1. The vertical alignment or possibly the padding of the text in each tab

If you want to add padding, in your css add a margin to the selector. (margin: 0 15px)

.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 15px;
line-height: 45px;
background: #333;
margin: 0 15px
}

  1. The style of the separators between each tab in the bar ( I am not sure I understand what the divider class is)

Divider class actually put shows a line that separates each tab.

  1. The color of each tab

.top-bar-section li.active:not(.has-form) a:not(.button){
background-color: Black(this should be the color of your tab)
}

  1. Their vertical alignment in the top bar

The vertical top bar auto aligns, so if you change the height of the top bar it will align automatically.

You commented on Artme Studio's post over 5 years

Check this out this should get you started.

http://codepen.io/rafibomb/pen/aicGH

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content