Support/Ultra Theme/Increase Width of Line Under Logo/Menu bar

[Resolved] Increase Width of Line Under Logo/Menu bar

Tagged: 

  • Author
    Posts
  • August 23, 2016 at 7:47 pm #4513

    tmanx4puro
    Participant

    My client would like to increase the width of the gray line under the logo/menu bar. Please post the code for that, thank you.

    August 23, 2016 at 7:49 pm #4514

    Andrew Misplon
    Keymaster

    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.

    August 23, 2016 at 8:21 pm #4515

    tmanx4puro
    Participant

    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.

    August 23, 2016 at 8:25 pm #4516

    Andrew Misplon
    Keymaster

    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.

    August 23, 2016 at 8:45 pm #4518

    tmanx4puro
    Participant

    tiny shadow that appears under header

    Thanks

    August 23, 2016 at 9:31 pm #4519

    Andrew Misplon
    Keymaster

    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.

    August 23, 2016 at 9:52 pm #4520

    tmanx4puro
    Participant

    that worked great thanks!

    August 23, 2016 at 10:30 pm #4521

    Andrew Misplon
    Keymaster

    Glad that helped 🙂

    August 24, 2016 at 12:19 am #4524

    tmanx4puro
    Participant

    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!

    August 24, 2016 at 12:20 am #4525

    tmanx4puro
    Participant

    http://www.americanintegratedmanagement.com/

    pw= aimsol

    August 24, 2016 at 12:22 am #4526

    Andrew Misplon
    Keymaster

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

    August 24, 2016 at 12:36 am #4527

    tmanx4puro
    Participant

    i am using Advance CSS Editor

    August 24, 2016 at 12:41 am #4528

    Andrew Misplon
    Keymaster

    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;
}
    August 24, 2016 at 12:56 am #4529

    tmanx4puro
    Participant

    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.

    August 24, 2016 at 12:58 am #4530

    Andrew Misplon
    Keymaster

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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)
1 2

You must be logged in to reply to this topic.

Scroll to top