Atlantis promotions,MBT app login.REGISTER NOW GET FREE 888 PESOS REWARDS!

J Marlow
(@j-marlow)

14 years, 6 months ago

Just installed transblack 1.0 with custom header image. As long as I have a blog title and tagline on my setting page, the theme superimposes them over my new image header. For a temp fix, I’ve deleted the title and tagline on the settings page.

I suspect this will cause search engine problems, and in fact there’s no blog title on the browser’s title bar.

How can I alter style.css to remove its call for the title and tagline, so I can restore them on my settings page?

Thanks in advance!

JM

Viewing 13 replies - 1 through 13 (of 13 total)

Aimee
(@greatdanemaniac)

14 years, 6 months ago
That’s easy.

Just change display to none, and you should be all set.
For example:
```
#site-title {
display: none;
}

#site-description {
display: none;
}
```
Thread Starter J Marlow
(@j-marlow)

14 years, 6 months ago

Hi greatdanemaniac. Thanks–but for the uninitiated, not so easy. The #site-title string does not appear in style.css or header.php. In many instances where “display” does appear in header.php, it already says “none.”

I’ll attempt to paste the entire, original style.css below. (Sorry if it runs long.) Thanks for the help!

Here we go…

/*
Theme Name: Transblack
Description: Custom blog design starts from just $250
Version: 1.0
Author: AskGraphics

*/

body{
padding:0px;
margin:0px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:#0c0c0c url(images/header_bg.gif) no-repeat top center;
width:100%;
}

img{
border:0px;
}

a{
color:#c6f24b;
text-decoration:none;
}

form, table, ul, li{
padding:0px;
margin:0px;;
}

.sub{
border:0px;
}

input, textarea{
border:1px solid #cecece;
font-size:12px
}

div#page{
width:998px;
text-align:left;
}

/*header*/
#header{
width:788px;
text-align:left;
}

#header_top{
width:100%;
height:108px;
}

#header_end{
width:100%;
height:52px;
}

#header_title{
color:#ffffff;
font-size:31px;
padding-top:40px;
padding-left:35px;
}

#header_title span{
color:#909090;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
top:-5px;
}

/*menu*/

#menu_items{
width:73%;
float:left;
}

#menu_search_box{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7f7f7f;
font-size:11px;
float:left;
width:27%;
padding-top:19px;
}

#menu_search_box input.s{
width:100px;
font-size:13px;
color:#666666;
border:0px;
background:none;
position:relative;
top:-7px;
}

#menu_search_box span{
position:relative;
top:-7px;
}

#menu{
padding-left:15px;
}

div#menu #menu_pad{
font-size:13px;
color:#FFFFFF;
height:52px;
}

div#menu a{
color:#e2e2e2;
font-weight:normal;
padding-bottom:10px;
}

div#menu a:hover{
color:#cccccc;
}

div#menu #menu_items div{
float:left;
}

/* end menu */

/* end header */

/* blog*/

div#page #blog{
background:url(images/body_bg.gif) repeat-y top left;
float:left;
width:100%;
}

div#blog #blog_center{
width:550px;
float:left;
padding-top:25px;
padding-left:10px;
}

div#blog #blog_right{
width:160px;
padding-left:25px;
float:left;
position:relative;
top:-130px;
}

div#blog #blog_left{
width:160px;
padding-left:35px;
float:left;
}

/* sidebar*/

#blog_left #sidebar{
padding-left:0px;
margin-top:5px;
width:100%;
}

#blog_left #sidebar ul{
padding:0px;
margin:0px;
}
#blog_left #sidebar li{
padding:0px;
margin:0px;
list-style-type:none;
}

#blog_left #sidebar h2{
color:#a2dc02;
font-size:20px;
margin:0px;
padding-bottom:5px;
padding-top:6px;
padding-left:5px;
font-weight:normal;
font-family:Georgia, “Times New Roman”, Times, serif;
}

#blog_left #sidebar ul li{
color:#8b8b8b;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#blog_left #sidebar li a{
color:#8b8b8b;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
line-height:19px;
}

#blog_left #sidebar ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-right:5px;
padding-bottom:5px;
background:none;
}
#blog_left #sidebar ul li ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#8b8b8b;
padding-bottom:0px;
}
#blog_left #sidebar ul li ul li ul li a{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#8b8b8b;
}

#blog_left #sidebar ul li ul li{
border-bottom:0;
background: url(images/solid_li.gif) left bottom no-repeat;
}

#blog_left #sidebar ul li.widget_categories ul li ul li{
border-bottom:0;
background: none;
}

#blog_left #sidebar ul li ul li ul{
padding-left:10px;
}

#blog_left #sidebar ul li ul li a{
background: url(images/bl_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_left #sidebar ul li.widget_categories ul li a{
background: url(images/cat_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_left #sidebar ul li.widget_archives ul li a{
background: url(images/ar_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_left #sidebar ul li.widget_meta ul li a{
background: url(images/meta_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_left #sidebar ul li.widget_categories li ul.children li a{
background: url(images/line_li.gif) left top no-repeat;
padding-left:9px;
}

/* sidebar2*/

#blog_right #sidebar2{
padding-left:35px;
margin-top:5px;
width:100%;
}

#blog_right #sidebar2 ul{
padding:0px;
margin:0px;
}
#blog_right #sidebar2 li{
padding:0px;
margin:0px;
list-style-type:none;
}

#blog_right #sidebar2 h2{
color:#a2dc02;
font-size:20px;
margin:0px;
padding-bottom:5px;
padding-top:6px;
padding-left:5px;
font-weight:normal;
font-family:Georgia, “Times New Roman”, Times, serif;
}

#blog_right #sidebar2 ul li{
color:#8b8b8b;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#blog_right #sidebar2 li a{
color:#8b8b8b;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
line-height:19px;
}

#blog_right #sidebar2 ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-right:5px;
padding-bottom:5px;
background:none;
}
#blog_right #sidebar2 ul li ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#8b8b8b;
padding-bottom:0px;
}
#blog_right #sidebar2 ul li ul li ul li a{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#8b8b8b;
}

#blog_right #sidebar2 ul li ul li{
border-bottom:0;
background: url(images/solid_li.gif) right bottom no-repeat;
}

#blog_right #sidebar2 ul li.widget_categories ul li ul li{
border-bottom:0;
background: none;
}

#blog_right #sidebar2 ul li ul li ul{
padding-left:10px;
}

#blog_right #sidebar2 ul li ul li a{
background: url(images/bl_li.gif) left top no-repeat;
padding-left:12px;
}

#blog_right #sidebar2 ul li.widget_categories ul li a{
background: url(images/cat_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_right #sidebar2 ul li.widget_archives ul li a{
background: url(images/ar_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_right #sidebar2 ul li.widget_meta ul li a{
background: url(images/meta_li.gif) left top no-repeat;
padding-left:9px;
}

#blog_right #sidebar2 ul li.widget_categories li ul.children li a{
background: url(images/line_li.gif) left top no-repeat;
padding-left:9px;
}
/*inside*/

#blog_center #blog_comm{
margin-left:30px;
float:left;
width:520px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#blog_center #blog_comm h2{
font-size:23px;
font-weight:normal;
color:#c6f24b;
position:relative;
top:-10px;
padding-left:0px;
}

#blog_center #blog_comm .comm_panel{
height:16px;
background:#101010;
padding-right:10px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
width:520px;
font-size:10px;
color:#c6f24b;
}

#blog_center #blog_comm .comm_panel a{
font-weight:bold;
color:#ffffff;
}

#blog_center #blog_comm .comm_text{
line-height:18px;
padding-top:0px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
border-bottom:1px solid #c6f24b;
width:520px;
color:#909090;
}

#blog_center #blog_comm .comm_text p{
padding:0px;
margin:0px;
margin-top:10px;
text-indent:20px;
}

#blog_center #comments_from_bg{
background:url(images/blog_form_bg.gif) no-repeat top left;
width:550px;
padding-bottom:20px;
}

#blog_center #blog_comm #comm_post_title{
width:430px;
height:55px;
font-size:17px;
font-weight:normal;
font-style:italic;
padding-left:20px;
padding-top:15px;
color:#c6f24b;
}

#blog_center #blog_comm #comm_post_form{
padding-left:25px;
}

#blog_center #blog_comm #comm_post_form input.text{
font-size:14px;
}

#blog_center #blog_comm #comm_post_form td{
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:10px;
padding-right:10px;
color:#909090;
}

#blog_center #blog_comm #comm_post_form td.right{
text-align:right;
vertical-align:top;
}

/* end sidebar*/

/* blod item*/

#blog_center .item_class{
width:550px;
padding-left:10px;
padding-bottom:30px;
float:left;
}

#blog_center .item_class .item_class_title{
width:550px;
}

#blog_center .item_class .item_class_title_text{
min-height:52px;
}

#blog_center .item_class .item_class_title_text .titles{
float:left;
width:95%;
padding-bottom:5px;
}

#blog_center .item_class .item_class_title_text .top_title_top{
font-size:9px;
padding-right:10px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#909090;
}

#blog_center .item_class .item_class_title_text .top_title{
padding-right:10px;
padding-left:10px;
}

#blog_center .item_class .item_class_title_text .top_title a{
font-size:21px;
color:#a2dc02;
font-style:italic;
}

#blog_center .item_class .item_class_title_text .end_title{
font-size:9px;
padding-right:10px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#909090;
}

#blog_center .item_class .item_class_title_text .end_title a{
font-size:10px;
color:#627f11;
font-weight:bold;
}

#blog_center .item_class .item_class_text{
color:#909090;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
padding-left:5px;
padding-right:0px;
padding-bottom:5px;
padding-top:5px;
background:url(images/title_line.gif) no-repeat right top;
float:left;
width:550px;
}

#blog_center .item_class .item_class_text p{
padding:0px;
margin:0px;
margin-top:10px;
text-indent:20px;
}

#blog_center .item_class .item_class_panel{
height:27px;
background:#101010;
margin-left:0px;
padding-right:10px;
padding-left:10px;
padding-top:7px;
float:left;
width:540px;
}

#blog_center .item_class .item_class_panel a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
}

#blog_center .item_class .item_class_panel a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-decoration:underline;
}

#blog_center .item_class .item_class_panel a.panel_read{
background:url(images/read.gif) no-repeat left center;
padding-left:12px;
}

#blog_center .item_class .item_class_panel span.panel_comm a{
background:url(images/comm.gif) no-repeat left center;
padding-left:20px;
}

/* end blog */

/* footer */

#footer{
width:100%;
height:101px;
text-align:center;
float:left;
background:url(images/footer_bg.gif) no-repeat top;
}

div#footer #footer_text{
color:#ffffff;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:45px;
padding-bottom:10px;
padding-left:15px;
}

div#footer #footer_text a{
color:#a2dc02;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

div#footer #footer_text span a{
color:#a2dc02;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

/* end footer */

#blog_center .navigation{
padding-bottom:40px;
text-align:center;
}

#blog_center .navigation ul{
}

#blog_center .navigation ul li{
list-style:none;
display:inline;
padding-right:20px;
}

#blog_center .navigation .alignright a{
font-weight:bold;
font-size:11px;
padding-right:15px;
color:#ffffff;
}

#blog_center .navigation .alignleft a{
font-weight:bold;
font-size:11px;
padding-left:8px;
color:#ffffff;
}

div#blog h2{
margin:0px;
padding:0px;
padding-left:20px;
padding-top:0px;
font-size:19px;
color:#a2dc02;
}

div#blog .entry{
padding-left:20px;
}

div#blog .entry p{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
color:#909090;
}

.item_class blockquote, #blog_comm blockquote{
background:url(images/block_bg.gif) no-repeat left top;
padding-left:10px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
padding-top:5px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
background:url(images/block2_bg.gif) no-repeat left top;
padding-left:10px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
}

.item_class ol, #blog_comm ol{
background:url(images/ol_bg.png) repeat-y left;
color:#909090;
}

.item_class ol li, #blog_comm ol li{
color:#909090;
}

.item_class ul, #blog_comm ul{
padding-left:30px;
}

.item_class img, #blog_comm img{
float: left;
margin:5px;
}

.item_class strong, #blog_comm strong{
color:#ffffff;
}

Rev. Voodoo
(@rvoodoo)

14 years, 6 months ago

Please do not post large chunks of code here, its hard to read. Use the pastebin per forum rules
https://wordpress.pastebin.com/

Also, it is impossible really to help with css by just seeing css. We need to see your actual site, to see the elements in context

So just give us a link.

Also, with a link to your site, we can look at your css ourselves. No need to post any css!

also, I believe display:none is not appropriate for site titles, as it hides them from search engines too.

The proper way currently to ‘hide’ site titles is to move them off the page using text-indent: -999em;

Thread Starter J Marlow
(@j-marlow)

14 years, 6 months ago

Sorry about that, Voodoo.

Sounds like a good fix–but though I can hard-code html, I’m lost with css and when I try to stick this in the header file (where the title and description are called), it’s a total mess. Can you tell me exactly where to place this code?

Site is: https://fitstormblog.com/

Thanks for your help!

JM
Rev. Voodoo
(@rvoodoo)

14 years, 6 months ago
Its actually a bit hard for me, since you have no title or description right now, I can’t investigate them, but I can guess
```
#header_title{
	color:#ffffff;
	font-size:31px;
	padding-top:40px;
	padding-left:35px;
}
```
is in your style.css, change it to
```
#header_title{
	color:#ffffff;
	font-size:31px;
         text-indent: -999em;
	padding-top:40px;
	padding-left:35px;
}
```
refresh your browser by pressing ctrl+f5, then try adding your title and description back in
Thread Starter J Marlow
(@j-marlow)

14 years, 6 months ago

Good guess, it works!

Any reason not to follow the title with a bunch of html spaces to move the browser name to the right?

Many thanks!

Best,
John

hcgwebsite
(@hcgwebsite)

14 years ago

I’m having the same issue with the title superimposing over top of the image. Can’t find the code in my style.css file either. HELP! site is: https://hcginsurance.info

thanks!
Nancy

Michael
(@alchymyth)

14 years ago

in your case, the elements are:

#blogtitle h2 and #tag

hcgwebsite
(@hcgwebsite)

14 years ago

so what change do you recommend? blocking or moving? I’m not good at this, so would appreciate exact coding.

thanks,
Nancy
Chip Bennett
(@chipbennett)

14 years ago
By the way, that Theme has a mal-applied license. From footer.php:
```

```
(The CC Attribution clause does not require public-facing attribution links – and in fact, expressly prohibits requiring links to anything other than the text of the license itself.)

You should use a Theme that has a properly applied license.

Also, that Theme is well over three years old. You may run into myriad issues using it with more current versions of WordPress.
hcgwebsite
(@hcgwebsite)

14 years ago

Thanks…guess I’ll switch themes.

AardvarkGirl
(@aardvarkgirl)

14 years ago

It’s funny how one persons problem is another persons wish. ??

I recently posted a thread on how I WANT my site title and description divs on top of the header image. LOL. ?? Perhaps I can backwards engineer an answer from this thread/post.

hcgwebsite
(@hcgwebsite)

14 years ago

Isn’t that the truth. I was using the Fresh Ink theme, in case you want to try it!! Can’t you superimpose the name in the image itself?