Increase Width of Line Under Logo/Menu bar

Hi 🙂

The content heading padding will be a setting in the next version. You can change it now using Custom CSS as follows:

/* Content Heading */
.single .entry-header, .page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
	padding: 1.33929em 0;
}

The value will accept px and represents top and bottom.

Hello Andrew,

Thanks for the quick reply, working late tonight huh? I changed the em size, changed it to px and changed the 0 to no avail. Please advise. Thank you.

Indeed 🙂

Are you looking to change the content heading passing or the tiny shadow
that appears under the header? Confusion there might be the issue.

Thanks

Sure:

.site-header:after {
    bottom: -6px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset;
    height: 6px;
}

All values must be changed together.

that worked great thanks!

Glad that helped 🙂

Hello Andrew,

This works in Chrome, however in Safari and Firefox it is not working. The same thing with the background css I added, works in Chrome, not the other two. Thanks,

Best,
T!

http://www.americanintegratedmanagement.com/

pw= aimsol

Can you, please, confirm that the new CSS is added to the child style.css file. I don’t see it there.

i am using Advance CSS Editor

Here is the CSS that plugin is printing, I can’t see the rule we’re discussing, can you?

<style type="text/css" id="csseditorglobal">.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7
textarea {
    background-color: #c9dde9;
    color: #000;
}

.wpcf7 input[type="submit"] {
    padding: 12px 30px;
    background: #c9dde9;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125),inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125),inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 1px 1px rgba(0,0,0,0.125),inset 0 1px 0 rgba(255,255,255,0.5);
    width: auto;
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    background: red;
}

.site-header .site-branding-container {
    max-width: 50%;
}

.main-navigation {
    max-width: 50%;
}

.features-header {
    font-size: 48px;
    font-weight: 700;
    color: #005e96;
    font-family: "Arial",Verdana,Sans-Serif;
}

.features-sub-header {
    font-size: 24px;
    font-weight: 700;
    color: #005e96;
    font-family: "Arial",Verdana,Sans-Serif;
}

hr {
    height: 2px;
    background-color: #ffd700;
}

.text-body {
    font-size: 21px;
    font-family: "Arial",Verdana,Sans-Serif;
}

.text-body-bold {
    font-weight: 700;
    font-family: "Arial",Verdana,Sans-Serif;
}

.text-quotes {
    color: #fff;
    font-style: italic;
    font-size: 21px;
}

.form-text {
    margin-top: 0;
    font-size: 16px;
}

.form-container {
    margin-left: 10%;
    margin-right: 10%;
}

.container {
    width: 100%;
    text-align: left;
}

@media only screen and (max-device-width: 480px) {
    .features-header {
        font-size: 36px;
        margin-bottom: 100px;
    }

    .testi-header {
        font-size: 36px;
    }

    .testi-container {
        margin-bottom: 70px;
    }
}

.wpcf7-textarea {
    width: 100%;
    background-color: #ddd;
}

.wpcf7
input {
    width: 100%;
    background-color: #ddd;
}

input.wpcf7-submit {
    width: 25%;
}

.privacy-margin {
    margin-top: 30px;
}

#primary {
    margin-top: -50px;
}

.body-text {
    font-size: 18px;
}

.img-circle {
    border-radius: 50%;
}

.bio-margins {
    margin-top: 30px;
}

.bio-title {
    font-size: 21px;
    font-weight: 700;
    color: #005e96;
    font-family: "Arial",Verdana,Sans-Serif;
}

.bio-sub-title {
    font-size: 18px;
    font-weight: regular;
    color: #000;
    font-family: "Arial",Verdana,Sans-Serif;
}

yeah it’s missing the top two classes

.site-main {
background-color:#fff;
}
#content.site-content {
background-color: #9f9f9f;
}
.site-header:after {
bottom: -12px;
box-shadow: rgba(191, 191, 191, 1.0)
0 18px 0px 0px inset;
height: 12px;
}
strange that it would work on Chrome.

Thanks, for the update. I can’t see any changes in Chrome. If you have any form of caching running, perhaps try clearing that.

so i copied it out of the plugin and onto the editor section. now it works on the Safari and Firefox but not on Chrome.