Need some CSS changes

1. Please advise how to set an equal gap between elements in my slider for all screen dimensions.
2. Please see if it is possible to prolong the separation line between the email and email address fields. The subscription section is located on a home page, near the footer.

  • Predrag Dubajic
    • Support

    Hi Mistey,

    1. Please advise how to set an equal gap between elements in my slider for all screen dimensions.

    You have below CSS code added to move the section to the left and that is causing the gap to be differently sized on smaller screens:

    @media (max-width: 1281px) and (min-width: 981px) {
    
    	#adorez .et_pb_slide_content {
    	    position: relative;
    	    right: 35px;
    	}
    
    	#adorez .et_pb_button_wrapper {
    	    position: relative;
    	    right: 35px;
    	}
    
    	#adorez h1.et_pb_slide_title {
    	    position: relative;
    	    right: 35px;
    	}
    
    }

    Removing the part above that is moving the sections to the left and replacing it with this code should do the trick:

    .home .et_pb_slide_description {
        margin-left: -35px;
    }

    2. Please see if it is possible to prolong the separation line between the email and email address fields. The subscription section is located on a home page, near the footer.

    Try finding where this code is added:

    .emaillist .es-field-wrap:first-child:after {
        top: 28px;
        height: 45%;
    }

    And increase the height value to 54% and that should do.

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.