Moving Slider Up

Try limiting your code to just your home page, eg:

.home #main-wrapper {
position: relative;
top: -80px;
}

Thanks! Worked like a charm.

Thank you from those of us who need just that little extra help!

I spend most of my time asking for help too. The senior guys who give hour upon hour to helping us all are superstars.

Would you like to mark this topic as “Resolved” in the sidebar?

But you will now need to drop your home page featured images down to stop them overlapping your slider at some viewport sizes. Try one or both of the following, changing the numbers to suit:

/* Reduce gap between Slider & Zoom Image  */
.marketing {
margin-top:     -15px;
}

/* Reduce gap between Zoom Image & FP Header  */
.widget-front > h2 {
margin-top:     -5px;
margin-bottom:  0px;
}

I have just started my site and its obvious that I am a newbie. I looked at https://www.whient.com and that is how I want my front page slider,up under the Nav Bar.(I only have slider on the front page) I need some help of where to go in File Manager to get to the right page to put the above code.

I would appreciate your kind help.

@mrs.Kool – go to Dashboard, click on CustomizIt! in menubar then click on CustomCSS in the sidebar menu. Drag the CustomCSS window to make it bigger and simply paste your CSS code in there and watch as the CustomizIt preview page updates in real time to show the result of your new code.

If you like what you see, click on the blue Save button and then the Close button to return to your Dashboard. If you need to adjust the measurement numbers in the code snippet, try as many different combinations as you like until you are happy with it. Alternatively, if you don’t want to keep the code, don’t save it.

Before adding any custom code, you should follow the instructions here to create a Child theme, if you haven’t already done so as this will preserve the integrity of the original theme if you mess up and also preserve your custom code through theme updates.

Thank you so much for the help. Awesome.