Support » Theme: Spacious » How to create cornered egdes on the page?

  • Hi guys! My website is codeium.de

    I was wondering how can I make the egdes of the webpage (complete layout) cornered? I know I have to use border-radius, but I do not where to include it? Can somebody show me the code as well as the location where to include the code to make these edges rounded? Below is the screenshot of what I think:

    https://prnt.sc/qtxkyw

    Thank you guys!

    P.S.

    How can I remove the copyrights from the footer and just have the “CONTACT US” info in the footer?

Viewing 15 replies - 1 through 15 (of 25 total)
  • rade92

    (@rade92)

    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?

    Michael

    (@alchymyth)

    .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.

    rade92

    (@rade92)

    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!

    rade92

    (@rade92)

    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 8 months ago by rade92.
    • This reply was modified 8 months ago by rade92.
    • This reply was modified 8 months ago by rade92.
    rade92

    (@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

    rade92

    (@rade92)

    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.

    rade92

    (@rade92)

    @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.

    rade92

    (@rade92)

    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.

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘How to create cornered egdes on the page?’ is closed to new replies.