Altitude Pro border at bottom of first section

[pjwdesign]

The design requires I have a 100px color border at the base of the screen on the Altitude Pro home page (at the foot of the div .front-page-1). Adding a simple border-bottom does not work as the home.js ignores this. Grateful if anyone has any thoughts on how I could do this.

Many thanks

http://demo.studiopress.com/altitude/

[frobn]

Try:

.front-page-1 {border-bottom:100px solid #666 !important;}

I tested in firefox with Web Developer and it appears to work.

[pjwdesign]

Thank you for taking the time - I have tried this and now added !important. Still no luck.

I have a test set up at - added that style inline.

http://pjwpreview.co.uk/

[frobn]

I see a 100px border-bottom color #b6bf00 in FF and in Chrome. What browser are you using?

[pjwdesign]

Thanks for feedback - odd I could not see itin FF and Chrome on a mac...however

I think I have fixed it.....I created a div

.greenh {
position: fixed;
height: 100px;
background-color:#B6BF00;
bottom: 0;
width: 100%;
}
Then inserted it in Front-page.php

genesis_widget_area( 'front-page-1', array(
'before' => '<div id="front-page-1" class="front-page-1"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '"><div class="wrap">',
'after' => '</div></div></div><div class="greenh"></div></div>',

[frobn]

I have to keep in mind, for future reference, that styles may not work as intended on a mac.

[pjwdesign]

Correction..relative not absolute

.greenh {
position: relative

[Author]

Posts