Reset styles for Jupiter X BETA


#1

Fixes:

  • row and inner row content now align properly in any combination of row auto/fullwidth options
  • standartisation of all side paddings to 15px
  • standartisation of all bottom margins to 20px between all necessary elements\widgets
  • z-index lightbox and Elementor interface issues with header
  • page content overflow issues
  • adds global link transitions
  • smoother Elementor widgets reveal animations
  • removes default image border-radius

====

/* Jupiter X reset styles */
a {
    transition: all 0.2s ease-out;
}
p {
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 20px;
}
.jupiterx-site {
    overflow: hidden;
}
.jet-popup.jet-popup--front-mode,
.dialog-type-lightbox,
.elementor-element>.elementor-element-overlay {
    z-index: 10000;
}
.jupiterx-main-content > .container > .row {
    margin-right: -15px;
    margin-left: -15px;
}
.container,
.container-fluid,
.jupiterx-main-content > .container > .row > [class*=col-],
.elementor-section.elementor-section-stretched>.elementor-container,
.elementor-section.elementor-section-full_width>.elementor-container .elementor-section.elementor-section-boxed>.elementor-container {
    padding-right: 15px;
    padding-left: 15px;
}
body .elementor-row {
    width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
}
body .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 15px;
}
.jupiterx-widget {
    margin-bottom: 20px;
    font-size: inherit;
    overflow: visible;
}
.elementor-widget {
    margin-bottom: 20px;
}
.raven-column-flex-horizontal>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget,
.elementor-widget.elementor-widget-contact-form-7,
.elementor-widget.elementor-widget-shortcode,
.elementor-widget.elementor-widget-text-editor,
.elementor-widget.elementor-widget-html,
.elementor-widget.elementor-widget-spacer,
.elementor-widget.elementor-widget-raven-wc-products {
    margin-bottom: 0;
}
body:not(.single) .jupiterx-post {
    margin-bottom: 0;
}
.jupiterx-widget img[class*='attachment'] {
    border-radius: 0;
}
.animated {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
span.wpcf7-not-valid-tip {
    margin: -10px 0 20px;
}
div.wpcf7-response-output.wpcf7-display-none {
    display: none;
    margin: 0 0 20px;
}
div.wpcf7 .ajax-loader {
    position: absolute;
}
.jupiterx-wc-step-number {
    padding: 0;
}
/* END */

#2

Thank you for sharing the fixes. It will be surely helpful to many :slightly_smiling_face: