resize div width

[Alex]

Hi Tom,

I am trying to make two lines, one above the menu and one below. The one below is full width of the browser, the one above is width of the header/menu (I assume). See what I mean at http://www.activeito.com/blog

What I want is to resize the bottom to match the top (same width as the menu).

Code I am using:

.fluid-header-area {background: #189cda;min-height: 1px;}

(after header and after header content)

[Tom]

How about something like this instead:

.main-navigation .inside-navigation {
      border-top: 1px solid #189cda;
      border-bottom: 1px solid #189cda;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Alex]

That worked great! One more question, I am using included grid system (unsemantic). It has added padding so the content is misaligned, any way to remove that padding? Page linked below. I want the divs aligned all the left, mathing the nav menu.

http://www.activeito.com/blog/computer-services/

[Alex]

Ignore my last reply.. I installed grid plugin and it works as it should..

[Tom]

Awesome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts