Blue dot above my header
-
For the life of me I can’t figure out how to get rid of the blue dot above my blog posts page.
http://www.milwaukee-business-lawyer.com/blog-posts/
Its not there on any other page. Not even the individual blog posts themselves.
Any help is appreciated.
For whatever it is worth I think it is the following color gradient that I am using in other parts of the site: from(#1f2663), to(#626791))
Thanks,
Sean
-
What happens when you add a site title through the dashboard?
Nothing. It already has a site title. When I get rid of the site title, nothing changes.
Do you have a section of the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?
Yeah. Through my theme under “layout” there is a “custom.css” section. This is everything that is in it.
.entry-title a { color:#000; } .entry-title a:hover { color:#787ca1; } /* LIST #4 */ #list4 { width:320px; font-family:Georgia, Times, serif; font-size:15px; } #list4 ul { list-style: none; } #list4 ul li { } #list4 ul li a { display:block; text-decoration:none; color:#ffffff; background-color:#1f2663; line-height:30px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer; } #list4 ul li a:hover { color:#e3e3e3; background-image:url(../images/hover.png); background-repeat:repeat-x; } #list4 ul li a strong { margin-right:10px; } /* LIST #8 */ #list8 { } #list8 ul { list-style:none; } #list8 ul li { font-family:Georgia,serif,Times; font-size:18px; } #list8 ul li a { display:block; width:300px; height:28px; background-color:#333; border-left:5px solid #222; border-right:5px solid #222; padding-left:10px; text-decoration:none; color:#bfe1f1; } #list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000; -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000; transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; } /* LIST #9 */ #list9 { } #list9 ul { list-style-type: none; background: #1f2663; background: -moz-linear-gradient(#1f2663, #626791); background: -webkit-gradient(linear, left top, left bottom, from(#1f2663), to(#626791)); background: -webkit-linear-gradient(#1f2663, #626791); background: -o-linear-gradient(#1f2663, #626791); background: -ms-linear-gradient(#1f2663, #626791); background: linear-gradient(#1f2663, #626791); margin: 0; padding: 8px; -moz-border-radius: 15px; border-radius: 15px; } } #list9 li { font: 200 18px/1.5 Helvetica, Verdana, sans-serif; border-bottom: 1px solid #ccc; } #list9 li:last-child { border: none; } #list9 li a { text-decoration: none; color: #ffffff; display: block; width: 325px; -webkit-transition: font-size 0.3s ease, background-color 0.3s ease; -moz-transition: font-size 0.3s ease, background-color 0.3s ease; -o-transition: font-size 0.3s ease, background-color 0.3s ease; -ms-transition: font-size 0.3s ease, background-color 0.3s ease; transition: font-size 0.3s ease, background-color 0.3s ease; } #list9 li a:hover { font-size: 18px; background: #686868; } h1{ position: relative; margin-left: -22px; /* 15px padding + 7px border ribbon shadow*/ margin-right: -22px; padding: 15px; background: #1f2663; -moz-border-radius: 15px; border-radius: 15px; font-variant:small-caps; background: -moz-linear-gradient(#1f2663, #626791); background: -webkit-gradient(linear, left top, left bottom, from(#1f2663), to(#626791)); background: -webkit-linear-gradient(#1f2663, #626791); background: -o-linear-gradient(#1f2663, #626791); background: -ms-linear-gradient(#1f2663, #626791); background: linear-gradient(#1f2663, #626791); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset; text-shadow: 0 1px 0 #fff; } h1 { text-align: center } h1:before, h1:after{ position: absolute; left: 0; bottom: -6px; content:''; border-top: 6px solid #555; border-left: 6px solid transparent; } h1:before{ border-top: 6px solid #555; border-right: 6px solid transparent; border-left: none; left: auto; right: 0; bottom: -6px; } #slider .hentry { margin:0; box-shadow:none; background:none; border:none; color:#gggggg; text-align:right; } #slider .wp-post-image, #slider .entry-attachment { position:relative; top:0; left:0; width:100%; } #slider .entry-attachment { z-index: 1; } #slider ul li:first-child .entry-container { display: block; } #slider .entry-title { display: none; position:absolute; top:32%; right:0; z-index:1; float:right; float:right; margin:0; font-family: "Open Sans", sans-serif; font-size:72px; line-height:1.62em; color: #000; } #slider .entry-title a { display:block; padding:10px 20px; background:rgba(0, 0, 0, .15); color:#fff; } #slider .entry-summary { clear: both; float:right; max-width: 61.8%; min-width: 324px; padding:10px 20px; background:rgba(0, 0, 0, .15); } #slider .entry-summary .entry-attachment { position:static; max-width:100%; height:auto; padding:0; background:none; } #slider .entry-attachment, #slider .entry-attachment p { margin-bottom:0; }At the bottom of that code, add this;
#site-title { display: none; }Fixed. Awesome. Thanks.
The topic ‘Blue dot above my header’ is closed to new replies.