11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

$20 Beer for Help With CSS Wordpress Theme

by MichelleGreene
9 replies
PROBLEM SOLVED: THANKS TO MIKE LANTZ

Hi there, if there are any css experts, there's a $20 cold beer waiting for you.

I'm setting up a new blog and I'm trying to hide the blog's title in wordpress, which I can do successfully using the {display:none} command.

I've created a custom blog header. Here's the blog.

However, when I hide the blog's title using the above command, the formatting gets messed up and it shifts everything, i.e., the search button and blog's descritpion to the top of the page.

I even tried to match the color, but it's still visible in my banner.

I'm self taught with CSS and this is beyond my skill level.

Does anyone who how to set the top margins in the header so that everything lines up perfectly before hiding the title?

Thanks Michelle
#$20 #beer #css #theme #wordpress
  • Profile picture of the author MikeLantz
    Michelle,

    Why not just edit the theme header file, and comment out the section that displays the title of the blog?

    You can do this by commenting out (or deleting) the code that says:
    Code:
    bloginfo('name')
    Would that work for you?

    Mike
    {{ DiscussionBoard.errors[55461].message }}
    • Profile picture of the author MichelleGreene
      Hey Mike, thanks for the quick response...

      I really don't want to comment out the blog's title in the header file, because I want the SEO juice that comes with the title tag.

      I've done it before with other themes, but this theme shifts everything when I do it..

      Thanks for the suggestion, others may want to use that option :-)

      Michelle
      {{ DiscussionBoard.errors[55500].message }}
      • Profile picture of the author MikeLantz
        I thought that might be the case, but wasn't sure.

        Have you tried setting the opacity to 0 in the css element that displays the blog title?

        I am not sure which css style is the one that controls the blog title text, but just adding this to that element should work:
        Code:
        opacity: 0;
        Give that a try.

        Mike

        PS: No beer required.
        {{ DiscussionBoard.errors[55523].message }}
        • Profile picture of the author MikeLantz
          Another option is this code:
          Code:
          visibility: hidden;
          That generally has the same effect as "display: none;", except it keeps "space" the element is using intact.

          Mike
          {{ DiscussionBoard.errors[55529].message }}
          • Profile picture of the author MichelleGreene
            Hey Mike, Thanks!!! yea, it was the visibility: hidden; that did the trick

            It's last call, well not maybe yet, it's only 12:37...

            Where's the beer icon on the new forum?? Or if you prefer, just PM me your paypal.

            Thanks again,

            Michelle
            {{ DiscussionBoard.errors[55545].message }}
            • Profile picture of the author MikeLantz
              Originally Posted by MichelleGreene View Post

              Hey Mike, Thanks!!! yea, it was the visibility: hidden; that did the trick

              It's last call, well not maybe yet, it's only 12:37...

              Where's the beer icon on the new forum?? Or if you prefer, just PM me your paypal.
              I am glad to hear it worked for you.

              There is no beer icon on the new forum, but that is actually one of the features I have added to WarriorPlus - you can read more about it here: http://www.warriorforum.com/main-int...e-returns.html

              But, like I mentioned above, no beer is required. I am happy to help when I can.

              All the best.

              Mike
              {{ DiscussionBoard.errors[55567].message }}
            • Profile picture of the author MichelleGreene
              Thanks to everyone who offered suggestions, I'm sure they will help others who want to hide their blog's title due to a custom header, while still retaining the title for SEO purposes.

              Ok, I'm going to sleep...

              Mike, thanks again for the 'magic code'.

              Just PM me your details when you get a chance!!!

              Michelle
              {{ DiscussionBoard.errors[55572].message }}
              • Profile picture of the author MichelleGreene
                Well, I do appreciate your help.

                I'll be a guinea pig and test the new function, let me know if it went through!

                Receipt ID: 28R6615058265605N

                Cheers!!

                Michelle
                {{ DiscussionBoard.errors[55577].message }}
    • Profile picture of the author Aldian Prakoso
      Michelle,

      Just like Mike said, why not just delete this line from your header.php?

      <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
      Signature
      {{ DiscussionBoard.errors[55521].message }}

Trending Topics