A lot of CSS help needed!

6 replies
  • WEB DESIGN
  • |
Hey

I have a few CSS problems:

1. On my site, I have plugged an auto thumbnail generator. Works great!

The problem is that it is highlighted red because it is in an <a> tag. This messes the theme. How can I prevent this?

2. On the top-right corner, there's a navbar. I have added a bold effect on hover. This is also works great! But, the problem is that when you hover on any of the first 3 links, others get shifted till the hover. How to solve that?

Please help me.

Thanks
Karan
#css #lot #needed
  • Profile picture of the author Manfred Ekblad
    1. Find this in /wp-content/themes/KaranGoel/style.css:

    .entry a:hover{color: #fff; background: #a90000; text-decoration: none;}

    replace with:

    .entry a:hover{color: #fff; background: #ffffff; text-decoration: none;}

    or remove the background property completely



    2. you need to set a fixed width for the: #nav ul li

    add something like... width: 70px;



    i hope that helps
    {{ DiscussionBoard.errors[2089480].message }}
    • Profile picture of the author Karan Goel
      Originally Posted by Manfred Ekblad View Post

      1. Find this in /wp-content/themes/KaranGoel/style.css:

      .entry a:hover{color: #fff; background: #a90000; text-decoration: none;}

      replace with:

      .entry a:hover{color: #fff; background: #ffffff; text-decoration: none;}

      or remove the background property completely



      2. you need to set a fixed width for the: #nav ul li

      add something like... width: 70px;



      i hope that helps
      Hey.Manfred

      Thanks for your reply.

      The solution for #2 works awesome.

      But, for #1, it would also remove my background for normal links - which I don't want. Isn't there anything that I can do to make a:hover property of thumbnail do nothing?

      Karan
      Signature
      Penalty Safe, Long Term, 100% Whitehat Backlinks
      Love your site? Then check out SafeSpokes!
      ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
      karan996@irchiver.com karan997@irchiver.com
      {{ DiscussionBoard.errors[2090504].message }}
  • Profile picture of the author Karan Goel
    GOt another problem:

    How can I have a sidebar hover effect like the one below:



    I mean like a block!

    Thanks
    Karan
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2093782].message }}
  • Profile picture of the author Karan Goel
    EDIT: Never mind. I solver all the problems myself!
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2094040].message }}
  • Profile picture of the author Manfred Ekblad
    Great!

    I didn't notice any background effect on the text links, but it makes sense what you say.

    Nice website!
    {{ DiscussionBoard.errors[2094241].message }}
    • Profile picture of the author Karan Goel
      Originally Posted by Manfred Ekblad View Post

      Great!

      I didn't notice any background effect on the text links, but it makes sense what you say.

      Nice website!
      Hey

      Actually, I have to change the domain and the theme both. I've designed the theme locally.

      I'll move the site in a few days.

      Karan
      Signature
      Penalty Safe, Long Term, 100% Whitehat Backlinks
      Love your site? Then check out SafeSpokes!
      ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
      karan996@irchiver.com karan997@irchiver.com
      {{ DiscussionBoard.errors[2094691].message }}

Trending Topics