Shortcode applies padding

  • Resolved code3creative

    (@code3creative)


    3 years, 2 months ago

    I am using Elementor and have added the shortcode to a column in the footer. When I do this, it applies a 12px padding – specifically in this CSS:

    .container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: var(–bs-gutter-x,0.75rem);
    padding-left: var(–bs-gutter-x,0.75rem);
    margin-right: auto;
    margin-left: auto
    }

    How do I get rid of that padding? It’s messing up the page design.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Uwe Jacobs

    (@uwejacobs)

    3 years, 1 month ago

    You can add custom CSS at the weather post under the Layout tab to fine-tune the layout. For example,

    .owmw-7332 .owmw-now .owmw-location-name {
    padding: 0 10px 10px 10px !important;
}
    Thread Starter code3creative

    (@code3creative)

    3 years, 1 month ago

    Sorry, I’m not referring to the shortcode itself. I’m referring to the entire website container. If you go to the site link I included, you will see a 12px left and right padding. You can very easily see if to the left and right of the home page hero section. If I remove the OWM shortcode, that padding goes away. How do I get rid of that container padding?

    Plugin Author Uwe Jacobs

    (@uwejacobs)

    3 years, 1 month ago

    I missed that padding when I looked at the website. The snippet that you provided in your first message comes from the bootstrap 5 CSS that is included in OWM Weather. I had stripped it down to avoid layout changes but there still seem to be some layout changing styles. For the time being you could use this for the CSS:

    .container {
  padding-right: inherit !important;
  padding-left: inherit !important;
  margin-right: inherit !important;
  margin-left: inherit !important;
}

    In one of the next releases I am going to change the styles from the plugin so they will only affect the container layouts that are inside the weather container.

    Plugin Author Uwe Jacobs

    (@uwejacobs)

    3 years, 1 month ago

    I removed the .container style from bootstrap 5 in version 5.6.14. Please give it a spin.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Shortcode applies padding’ is closed to new replies.