advent12

In case anyone else is struggling, I figured it out.

#content {

padding: 80px 0;
position: relative;
margin-top: 45px;

}

.page-id-4 #content {
padding:0 !important;
}

True. Waiting on PNG. I think I have solved my own problem. It is positioned where it should be. Thanks.

What is sort of working so far however menu doesn’t look right on mobile.

@media only screen and (max-width: 980px) {
.body_template_two #masthead .site-branding {
margin-bottom: -90px;
position: relative;
z-index: 1;
}
}
@media only screen and (min-width: 981px) {
.body_template_two #masthead .site-branding {
margin-bottom: -130px;
position: relative;
z-index: 1;
}
}

Thanks for having a look. I’ll try the suggestion.

Well…how odd. It now requires me to add “!important”
I hope this doesn’t happen every time you update the theme..as I may not catch it in time.

FOR ANYONE WHO WANTS THIS:

RED UNDERLINE MENU CHANGE COLOR

/*Changes menu underline from red to blue to match font*/
.entry-title a:after {
height: 2px;
background: #081d38 !important;
width: 50px;
}

.listpost-content-wrap .entry-title a:after {
background: #081d38 !important;
}

ul.nav > li.current_page_item > a:before {
height: 2px;
background: #081d38 !important;
}

.entry-title:before {
height: 3px;
background: #081d38 !important;
}

Actually, while I’m thinking of it, the current front page slider will not accept padding responsively either. So, if I extent the padding on the second text element to match the length of the first it looks great on laptop but not on mobile/tablet…as in not positioned correctly..it positions right of top text element.

Therefore, I had to remove it…

I duplicated it on slide 3.

Hello there,

Thanks for having a look.

I’m using a front page slider that is good enough for now, and works on all devices.

I put up the other slider on a page that is not ready to be filled out yet.. but I rather like the idea of it if it can work.
I’m using padding for these elements on slide 1, 2. It is the padding that is off mobile and tablet. I’d like the padded elements to be of same length.

websitepage

This did the trick, thank you.

yes, thanks for having a look. I do have firebug…but I cannot figure it out.

website here

Sorry..not resolved. I can’t get it to load properly whether I use a background image or if I add an image…there is still issues between slides or loading issues.

Also when I add background: rgba(225, 225, 225, .8) to my text element it looks great on back end! But it shows no customization at all on front end. Why does this not work on front end?

I’ve sorted it! It’s a background thing.

I’m curious, is it possible to have 1 slide remain constant while only the text slides in and out? Haven’t figured that out yet…

Thanks! Gave idea to look at page id.

So, for anyone else:

.page p {
line-height: 2em;
padding-bottom: 15px;
}

/*Replace # with your page id found in edit page header*/

.page-id-# p {
line-height: 1em;
padding-bottom: 5px;
}

Update: Unchecked remove slider text. Now works on all slides.

Is there a way to disable the text sliding and have different title, subtitle on each slide?

Thanks Kharis, I’ll try it.

Thanks for your time and effort!