Support » Fixing WordPress » Move Textbox to Middle

  • Resolved caitnihaonghusa

    (@caitnihaonghusa)


    Hi,

    https://imgur.com/a/qSM9uHs

    Is there any way I can move this text box and title to the middle? Also while I’m here, remove the nav bar at the right too?

    I asked the theme developers but the person I contacted wasn’t sure.

    Any help is greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Marcio Zebedeu

    (@marcio-zebedeu)

    looks for the selector css that points to the html element responsible for covering this part of the content. Once found, make the changes.

    judgerookie

    (@judgerookie)

    you have a margin of 310 that pushes the box (from the left)
    add the below code in Additional CSS via Dasboard >> Appearance >> Customise
    change the margin-left to a lower figure until you’re happy with it, it will widen the box though

    
    .crt-side-box-on .crt-container-sm {
        margin-left: 310px;
    }
    

    alternatively don’t have any margin.

    Oliver

    (@oliverseimo)

    Writing this code in your custom css will remove the left space:

    .crt-side-box-on .crt-container-sm {
        margin-left: 0 !important;
    }

    You can insert custom CSS via “Customizer” in the Admin Bar.

    What theme are you using? Is it a free theme or did you buy it?

    • This reply was modified 8 months ago by  Oliver.
    judgerookie

    (@judgerookie)

    adding this should make Katie centered in Additional CSS via Dasboard >> Appearance >> Customise

    
    .crt-sidebar-on.crt-side-box-on .crt-head-col {
        height: 50px;
        text-align: center;
    }
    
    judgerookie

    (@judgerookie)

    to remove sidebar adding below in Additional CSS via Dasboard >> Appearance >> Customise will hide it (to balance you may want to have a small margin of about 50 on the left – as in first post I gave)

    
    #crt-nav-inner, #crt-side-box {
        transition: top .3s ease-out;
        display: none;
    }
    
    judgerookie

    (@judgerookie)

    if you’ve paid for the certy theme, you may want to get in touch with them for support as paid themes aren’t supported on here: https://wordpress.org/support/guidelines/

    caitnihaonghusa

    (@caitnihaonghusa)

    Thank you so much for the replies, especially judgerookie!

    I tried what you wrote but it actually changed the layout on all pages but there was response on another post to add in “body.page-id-2” in front of it and that just removed the sidebar from that page only. Can I implement this to change the margin-left on just this page?

    Also can I remove the hamburger menu icon completely this way too?

    Thanks again!

    caitnihaonghusa

    (@caitnihaonghusa)

    https://imgur.com/a/bbr1LiG

    I’ve found that as I change the width of the window, the bar still remains, is there another id for that, I can’t seem to find it…

    I’ve solved the above problem, but now I’m wondering how I can change the margins without affecting the tablet/phone size?

    If I change them to

    .crt-side-box-on .crt-container-sm {
        margin-left: 200px;
    		margin-right: 200px;
    }
    
    

    Then the screen look like this: https://imgur.com/0NIIRF4 and https://imgur.com/2aRdQQ9 when I want: https://imgur.com/xfcmgCE

    I know there’s a special code that affects just the large screen as I changed the navigation bar separately on the different sized screens but I’m unable to find it!

    Thanks again in advance

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Move Textbox to Middle’ is closed to new replies.