[dhknyc]

Try moving the semi colon to the end of the line

padding-bottom: 0 px;!IMPORTANT
padding-bottom: 0 px !IMPORTANT;

[dhknyc]

The answer is to you css-flex.
Try adding this to your css play with some of the values for justify-content and align-items. You can also add margins and padding to get exactly what you want.

.home-top>.wrap{
display:flex;
flex-direction: row;
justify-content: space-around;
align-items:center;

}

[dhknyc]

You have a few choices here.
First I would suggest that you download Firefox Developer Edition as that is a very good tool for this kind of thing.
Also when you look at the inspector realize that the elements are nested inside each other, sometimes very deeply.
Firefox Developer Edition will highlight the element that you are selecting and by clicking on the triangle next to the element name you can see the elements it contains and continue to highlight them until you find the one you are looking for.

This will move all elements of this type even if they are on a different page.
#genesis-content {
margin-top: -10px;
}

This will move the text and the image to the left of it up
#front-page-1 {
margin-top: -10px;
}

This will get rid of the padding (35px) on the top of the words “it’s your choice”. This uses the exact element that is on the page.

#text-14 {
padding-top: unset;
}

You can also use the class which will then unset the top padding for all elements that have that class. The !important is needed because that will override the rule in the themes css. This is the rule you are looking for in the theme by the way if you wish to change it there.

.widget_text{
padding-top: unset !important;
}

[Author]

Posts