Wordpress theme

Miscellaneous and Personal Stuff I Must Share
1

CSS is kinda arcane to me

Could some kind soul go to my website

imagineddesires

Big red box at the top, has imagineddesires inserted with an underline. What I would like to know , since the big red box is simply a gif file, where the code would be that says insert imagineddesires in big letters and underline them, inside the big red box.

If its in CSS styles, then I can’t find it.

Thanks

Declan

2

View the page source, on line 26 the following block appears:

Is that what you’re looking for?

3

The big red box is a background image for the id style called #header (line 166 on http://imagineddesires.com/wp-content/themes/wrastle-10/style.css)

Inside that div is an h1 tag (makes stuff big) and then a link tag, and then imagineddesires.com. That’s on line 24 of the output code.

However, Wordpress is written using PHP so it’s not like we can tell you how to manipulate your code without seeing the PHP that spits out the html. It’s a little more complicated than that, I’m afraid.

You probably need to look for some sort of header file and look for the div with the id “header” and from there manipulate the contents of the header.

4

I use a theme that allows you to upload a picture and change the text of your header. I’m a novice HTML user, but it seems like if you picked a theme you could upload a gif as easily as a jpg for the background photo of your header. I use Vigilance, if you want to take a look. (Link to blog in my profile.)

5

Thanks, I will check your site out after I get home from work, the thing is, I like the big red box, I just think the size of the text is a bit too garrish and geocities-esk.

Thanks for the replies all.

Declan

6

If you like everything else, then add this to your css file:



#header h1 a
{
   // your style params here
}

Since the text is using both the h1 and the a styles, which are global, you don’t want to go changing h1 or a because it’ll change ALL items in h1 and a tags.

However, if you specify it like that … an a tag inside an h1 tag inside the #header element, you’ll be able to zone into the exact element you want to edit (not the text tho - that’s coming from PHP).

You may need to also add “!important” after your declaration, like this:



#header h1 a
{
   color: green !important;
   text-decoration: none !important;
}

You may also need to declare every link state, like this:



#header h1 a, #header h1 a:link, #header h1 a:active, #header h1 a:visited
{
   color: green !important;
   text-decoration: none !important;
}
7

Well the solution to the problem turned out to be quite easy. In the admin section of wordpress, in the general sub section, there are four boxes, of which one was the name of the blog. For my purposes, leaving this blank will get me the desired result of having the big red box simply empty.

In the header.php file, I came across this “? bloginfo(‘name’);” which I googled and it brought me to the wordpress codex, where the solution was found.

So thanks for the help folks, I left a thank you on the site just for you guys and girls.

Declan