WordPress.com

1. cvaldez74
   Member
   Oct 13, 2011, 2:57 AM

   i'm running the Delicious theme on my blog/site and i'm trying (unsuccessfully) to figure out how to do two things:

   1. outline the title ("BE:") in the header with a simple black line/box; and
   2. delete the theme info at the bottom right corner of the home page.

   any tips?

   The blog I need help with is beonlinemagazine.com.

2. thesacredpath
   Staff
   Oct 13, 2011, 10:00 AM

   1. Give this a try. You can also add padding-right and padding-left if you wish, adjust the top and bottom padding, and of course you can edit the color and width of the border.

   #header .site-title {
   border: 4px solid #000000;
   padding-bottom: 20px;
   padding-top: 20px;
   }

   2. Removing the footer credits is against the terms of service here at wordpress.com. You can make it a little less noticeable by making the color a little darker for the text, but don't go too dark or it can be view as being the same as "removing" it. Something like this maybe (original color was #888888).

   #footer #credit a, .fr {
   color: #555555;
   }

3. cvaldez74
   Member
   Oct 13, 2011, 3:02 PM

   thank you sir, worked perfectly!

   can you help with two other modifications as well please? also concerning the header, i'd like to change the title text to red as well (i tried a few diff. CSS codes but none worked) and i've added a tagline that i'd like to have running next to (not under) the site title. i'd also like to have that text in red and not in italics. is this possible?

4. thesacredpath
   Staff
   Oct 13, 2011, 6:36 PM

   You are welcome.

   Logo color.

   #header .site-title a {
   color: #FF0000;
   }

   Tagline.

   #logo .site-description {
   left: 110px;
   position: relative;
   top: -20px;
   }

   You can adjust the top and left values to position it where you want it. Also after getting it set, log out of wordpress and view your site to make sure it does not shift positions between being logged in and logged out. Sometimes using absolute and relative positioning can be a little tricky.

5. thesacredpath
   Staff
   Oct 13, 2011, 6:39 PM

   Oops, forgot the color and font style. Add these to the #logo .site-description

   color: #FF0000;
   font-style: normal;

6. cvaldez74
   Member
   Oct 13, 2011, 8:46 PM

   when i use the tag/site description line, there's a mysterious blank space after the colon inside the border around the site title. when i don't use it, it's not there. there are no spaces where i typed the title in, i think it just showed up as a result of the length of the tag line/site description. is there any way to eliminate that space? if not, i'll just not use the title alone. if so, read on...

   i'd also like to eliminate the space between the title/tag line and the slideshow so that the menus line up with the slideshow as in the template design. when i'm not using the tag line, everything lines up perfectly. it's when i'm using the tag line that this blank space appears.

   all in all, the tag line appears to be a troublemaker. can he be tamed?

7. thesacredpath
   Staff
   Oct 14, 2011, 12:58 AM

   For the width of the box around the site title, you can do this. Just adjust the 45px value as desired.

   #header .site-title {
   width: 45px;
   }

   To move the tagline to the left, just adjust the left value in #logo .site-description as below.

   #logo .site-description {
   left: 60px;
   }

   To move the slideshow up, try this.

   #logo {
   padding-top: 0;
   }

8. cvaldez74
   Member
   Oct 14, 2011, 2:26 AM

   awesome, awesome, and awesome. all worked perfectly!

   thanks a million!!!

9. thesacredpath
   Staff
   Oct 14, 2011, 2:44 AM

   You are welcome.

Topic Closed

This topic has been closed to new replies.