Reducing Padding at the Top and Bottom of Welcome Wide Widget

Tagged: Adjusting Welcome Wide padding

This topic has 3 replies, 2 voices, and was last updated 8 years, 11 months ago by Andykev.

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

Author

Posts
April 26, 2015 at 2:43 pm #15695
laurensmith
Customer
In an earlier post you said that the css padding can be reduced with this code:

.welcome-wide .wrap {
margin: 0 auto;
overflow: hidden;
padding: 120px 0 60px;
width: 1140px;
}

But when I change the padding values I lose responsiveness. Any suggestions as to how to fix this? Here is the link to my page:

http://lauren-smith.preview19.rmkr.net
April 26, 2015 at 6:57 pm #15697
Andykev
Customer
```
/* Customize Home
---------------------------------------------*/
/*eliminates space */
.slider-wide .wrap {
        padding-top: 0px;
	    margin-top: -40px;
	    margin-bottom: 0px;
}
```
I used this to adjust the slider. I tried it on the welcome wide and it narrowed the box (widget) down to about 1/3 it’s size. Just replace the .slider-wide .wrap with your .welome-wide .wrap
April 26, 2015 at 7:39 pm #15698
laurensmith
Customer
That seems to work. Thanks so much!
April 27, 2015 at 1:46 am #15699
Andykev
Customer
The only thing I noticed is your Logo is cut off at the top. Did you adjust padding at the top for the header?
Author

Posts

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

You must be logged in to reply to this topic.