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

Row padding & margins

background colordesign optionspaddingvisual composer
    • 10 years, 1 month ago Most spectacular
      Participant

      Hi there,

      I can’t get rid of the default padding / margin between rows in Visual composer / Row settings / Design options. Setting padding to 0 does nothing. There seems to be about 85px margin between rows. The default is too much and I’d like to change it on row by row basis.

      How am i supposed to do this? Thank you!

       

    • 10 years, 1 month ago Mirela
      Participant

      Hello,

      You have set padding in row settings, to 60 and 45 px (screenshot). Please change that to 0, save file and refresh. If you need to decrease it further, than use css. Add these lines into your custom css box:

      .wpb_row {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
      }
      .wpb_row.section-style, .wpb_row.standard_section {
        margin-bottom: 0px;
      }

      Best regards!

    • 10 years, 1 month ago Most spectacular
      Participant
      This reply has been marked as private.
    • 10 years, 1 month ago Most spectacular
      Participant

      Please give a working solution to this.

      I can’t add a row with background color at the top / bottom of the page because there is irritating 85px default padding (which results white space between row with background color and footer for example).

      I can’t perfect the spacing between rows because the default row bottom margin.

      I’ve lost so much time trying to figure out how to do this basic stuff.

      There are visual composer top & bottom padding settings for row but they just add more padding – no way to get rid of the default padding / margin.

    • 10 years, 1 month ago Most spectacular
      Participant

      Also,

      “empty space” element doesn’t work always. Sometimes it works but when I tried to insert it in a two column row nested inside a row, it didn’t do anything. Please help!

    • 10 years, 1 month ago Ruco
      Keymaster

      Hello,

      Please use this css code:

      #content {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
      }

      Or tell me how you want the padding, on which pages and I will do them (if you can give me your site credentials).

      Best regards!

    • 10 years, 1 month ago Most spectacular
      Participant

      I figured out a way to handle this.

      Whenever I need to have zero padding in top / bottom of the page, I add your CSS to the visual composer / Page Settings.

      Whenever I need to zero the default 85px row bottom margin I add a CSS class .mb0 to the Row Settings / Extra Class Name.

      I created a custom CSS class

      mb0 {

      margin-bottom: 0;important

      }

      If somebody else has similar problems, this solution seems to work. However I suggest you add a margin bottom setting to the row settings so that users don’t have to mess with this kind of rigid positioning of rows. I have worked with other themes that have that setting in place and it makes it a lot easier to position rows vertically exactly as I like.

       

    • 10 years, 1 month ago Most spectacular
      Participant

      Oops,
      mb0 {
      margin-bottom: 0!important;
      }

      • This reply was modified 10 years, 1 month ago by Most spectacular.
    • 10 years ago nico_draaisma
      Participant

      Expired

      Can you please help me?

      The design options in visual composer don’t work at all. I do not only have problems with the space between rows. I’m also not able to give my text a padding, background color or image etc.

      It seems that there is somewhere a code that overwrites the visual composer settings?

       

       

    • 10 years ago Mirela
      Participant

      Hello,


      @nico_draaisma
      ,
      What version of the theme do you have? Did you made any updates recently? Did you installed any third party plugins? If you send us your wp credentials in a private reply, we can check it.

      best regards!

      • 9 years, 12 months ago nico_draaisma
        Participant

        Expired

        This reply has been marked as private.
    • 9 years, 11 months ago Mirela
      Participant

      Hello,


      @nico_draaisma
      , Sorry for the late reply.
      You have an outdated Visual Composer. Please update plugin and let us know if the issue persists.

      Best regards!

Viewing 10 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