- This topic has 19 replies, 2 voices, and was last updated 8 years, 3 months ago by tmanx4puro.
Tagged: increase line line under menu bar
- AuthorPosts
- August 23, 2016 at 7:47 pm #4513
tmanx4puroParticipantMy 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 MisplonKeymasterHi 🙂
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
tmanx4puroParticipantHello 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 MisplonKeymasterIndeed 🙂
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
tmanx4puroParticipantThanks
August 23, 2016 at 9:31 pm #4519
Andrew MisplonKeymasterSure:
.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
tmanx4puroParticipantthat worked great thanks!
August 23, 2016 at 10:30 pm #4521
Andrew MisplonKeymasterGlad that helped 🙂
August 24, 2016 at 12:19 am #4524
tmanx4puroParticipantHello 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
tmanx4puroParticipantAugust 24, 2016 at 12:22 am #4526
Andrew MisplonKeymasterCan 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
tmanx4puroParticipanti am using Advance CSS Editor
August 24, 2016 at 12:41 am #4528
Andrew MisplonKeymasterHere 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
tmanx4puroParticipantyeah 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 MisplonKeymasterThanks, for the update. I can’t see any changes in Chrome. If you have any form of caching running, perhaps try clearing that.
- AuthorPosts
You must be logged in to reply to this topic.