WordPress.org

1. peterdouglas
   Member
   Posted 2 years ago #

   Just been setting up a new blog using the nikynik-orange-2 theme. I had to change the header to use a specific font, logo and color. Now the Weblog title and Tagline overlap with text and logo in the header image.

   I tried simply leaving those lines blank but then the title in the top of the browser (and when you bookmark a page) is blank. Not quite what I wanted, plus not very good for search engine optimization.

   Is there a way to make the weblog title either transparent or behind the header image, or shifted way over so it's off the screen? I wouldn't mind the tagline staying if I could change the color of the font.

   Here's where the blog's at: http://westislandredhatladies.com/

   Thanks! :)

2. moshu
   Member
   Posted 2 years ago #

   You can add in the stylesheet for those statements
   display: none;

3. peterdouglas
   Member
   Posted 2 years ago #

   Excellent idea, thanks! It got rid of the title like I wanted, but it also got rid of the tagline below (which appears to be a class called .description).

   Is there a way to just have the tagline show up? Right now it seems to be all or nothing...

   Thanks again! :)

4. moshu
   Member
   Posted 2 years ago #

   Well, I don't know where did you add the display:none...
   but my idea was to add to the h1 and .description, respectively.

5. peterdouglas
   Member
   Posted 2 years ago #

   That makes sense. I had originally put the display:none in the wrong place - a css rule that covered h2 and .description together.

   Then I moved the display:none; to the h1 thinking that the weblog title would not show, but the tagline, which appears to be named .description, would show. Unfortunately it still seems to be that either everything shows up or nothing shows up.

   Very strange. I can't seem to find any other css rule that overrides .description or makes it share the same rules with h1.

6. moshu
   Member
   Posted 2 years ago #

   Hmmm.
   I don't think so.
   Adding display:none to the h1 (where it is defined alone) does the trick.
   What is misleading you: the description is WHITE and because of the eliminated h1 it goes up in the white border of your header img :)
   Give a top margin value to the description and it should "lower" back...

7. peterdouglas
   Member
   Posted 2 years ago #

   Aha, very observant! Thank you!!!

   I just had to add padding-top:120px; to push it down (margin-top was moving the navigation down too). Haven't checked it in other browsers yet, but it should be fine.

   Thanks! :)

Topic Closed

This topic has been closed to new replies.