Html code help

Support
#1

Trying to code this navigation widget in html but not getting exactly like I want, can you help? This is what I am after in the pic;

I need to put some padding on the right of the widget, plus how do I round the corners of the black box and put a drop shadow on it?

Link to the page is in secure note

#2

Hello @waynepatt58,

The example url here: https://www.nobledesktop.com/web-development-courses-nyc does not have the same structure as what you have in your sidebar.

To get you started, you start using this css code:

.x-sidebar {
    padding: 10px;
    background-color: #272E3D;
    box-shadow: 0 18px 20px 0 rgba(7,15,33,0.3);
    border-radius: 8px;
    overflow: hidden;
}

Please note that custom coding is outside the scope of our support. Issues that might arise from any modifications, the use of custom code and further enhancements should be directed to a third party developer.

To have a rounded corners for the elements, you can check out this css tutorial:

Thank you for your understanding.

#3

Thanks that has put me on a solid basis to work on.

#4

You’re welcome. Glad we could point you to the right direction.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.