A lot of CSS help needed!

by 6 replies
7
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
#website design #css #lot #needed
  • 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
    • [1] reply
    • 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
  • GOt another problem:

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



    I mean like a block!

    Thanks
    Karan
  • EDIT: Never mind. I solver all the problems myself!
  • Great!

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

    Nice website!
    • [1] reply
    • 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
  • Banned
    [DELETED]
Join the discussion

Next Topics on Trending Feed