How to create cornered egdes on the page?

EDIT

I did manage to add border-radius to the top part of the page, but cannot add it to the lower part of the page /footer?

any help please?

.footer-socket-wrapper {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.footer-socket-area {
    display: none;
}

try working with the browser ‘inspect’ or ‘inspect element’ feature to work out the formatting of your site.

Thank you Michael, I owe you one!

I did add .footer-socket-wrapper clearfix instead of .footer-socket-wrapper – that is why it did not work.

Thanks for the advice!

Cheers!

Now I have another two problems:

As you can see on codeium.de my HOME and CONTACT US are turned into the orange which I do not want to. I simply want to have orange color on the menu that is currently selected, while the rest of those that are not selected to stay black. The hover function does work well.

Also, I want CONTACT US (and the info below it) to be centered in the footer, equally from top, bottom, left and right.

• This reply was modified 4 years, 10 months ago by rade92.
• This reply was modified 4 years, 10 months ago by rade92.
• This reply was modified 4 years, 10 months ago by rade92.

https://prnt.sc/quhm7n

I would also love to delete the space between footer and the section where is COPYRIGHT… So the footer could be right above the COPYRIGHT section

Lukcily, I did manage to pull everything out on my own.

Now, I have one more thing – mobile menu color is different from the menu that I see on PC. Is there any way to fix this?

https://prnt.sc/qumrtu

@rade92

Can you provide us the URL of your website so that we can inspect it and give you a better solution?

Thanks.

@nitushrestha10

the url is https://codeium.de/

@rade92

Can you add the below CSS code to Additional CSS box and check?

.main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {
    background: #000;
}
.main-small-navigation li:hover {
    background: #000;
}

You can change the color code as per your requirement.

Thanks.

Thank you, it works!

@rade92

Do let us know if you have any further queries regarding the theme.

Thanks.

@nitushrestha10

Hey there, thank you for your help! I am wondering is it possible to place the WPLite form in the footer area? I did printscreen and pointed where I would like to place the form. When I add it through the widget section, it ends up below footer/COpyright.

I would like to resize it so it can fit right next to Contact US.

Is it possible to do it through custom CSS?

@rade92

Can you visit Appearance-> Customize -> Footer -> Footer Widgets Column and select two column option? After that, can you visit Appearance -> Widgets and the add the contact us widget in Footer Sidebar One and the Form in Footer Sidebar Two and see if it works?

Thanks.

I have already tried this, but it does not work as you can see below:

https://prnt.sc/r0krmr

@rade92

Can you place the form in the place where you want and let us know so that we can give you a proper solution?

Thanks.