Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Space up widgets

    • 9 years, 2 months ago pixie5
      Participant

      Expired

      Hi there,

       

      I have added few widgets to my header via Specular widget ad. I have menu on the left hand side. There currently there widgets. Two images and social bar. Please refer to landing page http://www.serenity-photography.com.au

      First problem: all three widgets and menu are not aligned. I need them to be centred

      Second problem: there is no space between widgets at all. I found where to adjust distance between logo menu and widgets but not between widgets themselves. All three widgets need to be centred, vertically aligned and have approx 20px gap between

       

      Thanks

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      .header_7 #logo {  left: 43% !important;}
      #navigation {   padding-right: 25px !important;}
      .header_7 .header_widgetized {
          margin-left: 26px !important;
          margin-top: 20px !important;
      }

      Result screenshot. Let us know.

      Best regards!

    • 9 years, 2 months ago pixie5
      Participant

      Expired

      Hi there. it didnt seem to work. Widgets are still not centred and also there is no space between them in vertical alignment and also between end of menu and first ad widget (photo).

      I have updated login details in my profile so you could login and check settings

      thanks

    • 9 years, 2 months ago pixie5
      Participant

      Expired

      also on mobile version, logo and footer are no longer centred. Also widgets from header are not showing at all. The idea is to have them visible on mobile version as well. I would like them to appear all the way at the end of scrollable homepage (before the footer)

       

      thanks

    • 9 years, 2 months ago pixie5
      Participant

      Expired

      There is also no space at all between button added to header, menu and widget/photo below. I would like to space it all nicely over left hand bar

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      The site when we first checked it did not have the after menu button. So if you keep changing the site, then of course you would have to change the css as well.

      The menu is centered horizontally and so are the other widgets. To add more space between widgets, edit the value of these lines in the code above:

      .header_7 .header_widgetized {
          margin-left: 26px !important;
          margin-top: 20px !important;
      }

      To edit the position of menu, horizontally, edit this part:
      #navigation { padding-right: 25px !important;}

      And to change the position of logo, edit this part:
      .header_7 #logo { left: 43% !important;}

      Did you mean to center them vertically? Please be more specific on the changes you want to do. In case of vertical align, add padding-top and padding-bottom to all three elements until they are positioned as you want them to.
      Example:

      .header_button {
          float: left !important;
          margin-left: 9px !important;
      }
      .header_7 #navigation nav {
          padding-bottom: 88px !important;
      }
      .header_7 .header_wrapper .footer_social_icons {
         padding-top: 30px !important;
         margin-left: -31px !important;
      }

      Result screenshot. Edit the values to your wish.

      Note: Please know that these are styling customizations and by default are not included in support service.

      Best regards!

    • 9 years, 2 months ago pixie5
      Participant

      Expired

      Worked it out. Thanks a lot legends. Looks perfect.

      Is it possible to add widgets from my header to mobile version and make them visible on the footer or somewhere on the bottom?

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Can you please explain better? Do you want to add widgets to header and make them display in footer while in mobile?
      Sorry but this is not possible. To show widgets in footer, you have to actually add them in footer area. Not in header.

      PS: If you are satisfied with our theme and support, please consider rating us 5 stars in Themeforest. It is very important for us to keep on the work and produce more premium themes.
      Thank you!

      Best regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password