WordPress.com

1. exbeim
   Member
   Jun 4, 2007, 7:37 PM

   Hi,

   I've recently switched to Regulus Theme and did a bunch of CSS edits. Check out http://www.eindiareview.com for what I have currently.

   One question: I need to edit the font formatting of the post title (the text immediately left of timestamp). For the life of me, I cant find the CSS tag that affects it.

   I'm not CSS expert, and all the edits I made were almost stumbling in the dark (trying to read comments and guessing). I could practically find the CSS fixes for all other fonts, but nothing affects the post title.

   Please help (SunBurntKamel??) this is the one last look-and-feel I want and it's driving me nuts... Thanks for being a wonderful community.

   ~exbeim

2. drmike
   Member
   Jun 4, 2007, 7:51 PM

   Looks like the h2 tag.

   Although the h2 is used with the class 'widgettitle' in the sidebar.

   Hopefully sun will see this.

3. devblog
   Member
   Jun 4, 2007, 8:47 PM

   You'd need to change this part:

   #content h2 a {
   	color:#333;
   	border:none;
   }

   If you wanna change the font, just add the property to the definition. Why you need to change this part? because your titles are links and the right element needs to be 'affected' for your changes to be applied.

   HTH

4. sunburntkamel
   Member
   Jun 5, 2007, 5:01 PM

   ah sorry, wp.com has been logging me out lately, so i stopped visiting.
   your site looks great!
   devblog's example should do it for you, yes?

5. exbeim
   Member
   Jun 6, 2007, 12:24 AM

   Dear devblog,

   You rock, man!! Thanks for the suggestion, that did it.. I am really pleased with how it looks now. I know, I know.. it's a minor change.. but I'm obsessed. Thanks for helping out a fellow blogger.

   Cheers,
   ~exbeim
   (SunBurntKamel- Thanks for checking on my question..)

6. devblog
   Member
   Jun 6, 2007, 12:50 AM

   Sure thing, exbeim. Glad it worked for you.

7. exbeim
   Member
   Jun 6, 2007, 1:34 AM

   Just remembered... Initially when I was looking for help for Regulus css edits, I wished someone had given the css code and pointed to their website as an example. Now that I'm a bit ahead of that curve, here is the entire css mod for my http://www.eindiareview.com website. Feel free to plagiarize..

   #sidebar .widget {
   border:0 solid #eef;
   color:#666;
   padding:5px;
   }

   #sidebar {
   width:200px;
   float:right;
   color:0;
   line-height:1.1em;
   overflow:hidden;
   border-right:0 solid #fff;
   font-size:1.2em;
   margin:0 0 18px;
   }

   #sidebar .widget_text {
   font-size:1em;
   margin:20px 0;
   }

   #sidebar h2 {
   font-size:1.2em;
   font-variant:small-caps;
   color:#99f;
   }

   #sidebar #search {
   display:none;
   border:none;
   background:#fc0;
   margin:0;
   padding:5px;
   }

   #sidebar #search p {
   font-size:0.9em;
   margin:0;
   padding:0;
   }

   #sidebar ul ul {
   list-style-type:circle;
   margin:0 0 0 18px;
   }

   #search label {
   color:#333;
   margin:0 8px 0 0;
   }

   ul#nav li a {
   text-transform:lowercase;
   color:#fff;
   background:#CCC;
   border:0 solid #fff;
   border-bottom:none;
   display:block;
   white-space:nowrap;
   border-color:#357 #002 #002 #357;
   padding:5px 6px;
   }

   #content {
   width:490px;
   font-size:1.3em;
   }

   #content .info {
   font-size:0.9em;
   }

   #content p {
   line-height:1.5em;
   margin:6px 0;
   }

   #content h2 {
   font-size:1.6em;
   font-weight:bolder;
   margin:16px 0 2px;
   }

   #content h2 em {
   font-size:0.5em;
   color:#99c;
   font-style:normal;
   margin:0 0 0 1em;
   }

   #content h2 a {
   font-size:0.8em;
   }

   #comments dt {
   font-size:1em;
   padding:4px 0 0;
   }

   #feeds h3 {
   font-size:0.9em;
   margin:3px;
   padding:4px;
   }

   #feeds a {
   font-size:0.9em;
   color:#99c;
   background:url('images/bg_feed.gif') 3px center no-repeat;
   margin:3px;
   padding:4px 4px 4px 12px;
   }

   #footer {
   display:none;
   }

   #comments {
   clear:both;
   background:#eef;
   padding:15px;
   }

   #postComment {
   background:#ddd;
   padding:25px;
   }

   #postComment input,#postComment textarea {
   width:400px;
   margin:5px 0 10px;
   }

   #postComment textarea {
   height:140px;
   }

   #comments h2 {
   font-size:1.1em;
   color:#838B8B;
   margin:0;
   }

   #postComment .button {
   clear:both;
   width:100px;
   margin:10px 0 0;
   padding:2px;
   }

Topic Closed

This topic has been closed to new replies.