PLEASE SEE ATTACHED SCREENSHOT::: This is a template that

PLEASE SEE ATTACHED SCREENSHOT::: This is a template that I need help editing. The page looks weird (See arrows). How do I decrease the size of the boxes? How do I make the yellow and red boxes smaller?

  • Sajid

    Hi Pippa,

    Hope you are doing good today :slight_smile:

    I'd like to take a look at your site first hand, so I can get the exact CSS element names I need. Would you be willing to enable support access for me?

    If this is ok, just grant me temporary admin access to your site by clicking "Grant Access" button in the WPMU DEV Dashboard Settings from the following path and reply on this thread after granting it?

    Admin -> WPMU DEV -> Support -> Support Access Tab

    So I can see the site closely and suggest you code to get you there :slight_smile:

    If you have not installed WPMU DEV Dashboard plugin yet, kindly do that here : https://premium.wpmudev.org/project/wpmu-dev-dashboard/ and then allow access as per the above process.

    Happy to help :slight_smile:

    Cheers!

  • Sajid

    Hi Pippa,

    Thanks for granting access :slight_smile:

    I fixed the issue by adding some custom CSS code in style.css file of your child theme. I reduced the padding and some margin between boxes.

    Here is the code that I added in style.css file:

    .header-layout-3 .nav__primary {
      position: relative;
      text-align: center;
      padding-top: 2px !important;
    }
    
    .header-layout-3 .sf-menu > li > a {
      padding: 46px 25px 35px !important;;
    }
    .header-layout-3 .logo {
      padding: 17px 0 0 0 !important;
    }
    
    .title-section {
      padding: 20px 0 !important;
    }
    
    .header .search-form {
      margin: 13px 0 9px 17px !important;
      float: right;
    }
    .header-layout-3 .nav__links {
      padding-top: 20px  !important;
    }
    .header-layout-3 .social-nets-wrapper {
      padding-top: 18px  !important;
    }
    .header-layout-3 .header_top_row {
      background-color: #393939;
      padding: 0 0 0px 0 !important;
    }

    Please take a look and let me know if you need further support :slight_smile:

    Cheers!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.