WordPress.org

1. msteinert
   Member
   Posted 10 months ago #
   

   How would I go about adding this border

   `border:4px solid #71b868;">

   -moz-border-radius: 6px;

   -webkit-border-radius: 6px;

   -khtml-border-radius: 6px;

   border-radius: 6px;

   background: #71b868;

   -moz-box-shadow: 0px 3px 6px #185c0f;

   -webkit-box-shadow: 0px 3px 6px #185c0f;

   box-shadow: 0px 3px 6px #185c0f;'

   Around this top webcomic button?

   <a href='http://topwebcomics.com/vote/14079/default.aspx' title='Vote for Unimportant Conversations on TopWebComics!'><img src='http://topwebcomics.com/rankimages/rankimage.aspx?ImageTemplate=dynamiclink2&SiteID=14079'></a>

   I cant seem to get it too work

   Thanks!

2. WPyogi
   Volunteer Moderator
   Posted 10 months ago #
   

   You add the border styles in the CSS file using a selector for the HTML element. You will probably need to add an ID or a class to the html code -- so you have a way to "attach" the CSS code to it -- something like this:

   Change the html for the image to:
   

   <img id="mybutton" src='http://topwebcomics.com/rankimages/rankimage.aspx?ImageTemplate=dynamiclink2&SiteID=14079'>

   And add the CSS like this:
   

   #mybutton {
       border:4px solid #71b868;
       -moz-border-radius: 6px;
       -webkit-border-radius: 6px;
       -khtml-border-radius: 6px;
       border-radius: 6px;
       background: #71b868;
       -moz-box-shadow: 0px 3px 6px #185c0f;
       -webkit-box-shadow: 0px 3px 6px #185c0f;
       box-shadow: 0px 3px 6px #185c0f;
   }

   If that does not work or do what you want, post a link to your site.

3. msteinert
   Member
   Posted 10 months ago #
   

   I am not worthy of your greatness sir! You saved me alot of headaches and time going forward.

   Thanks!!!!

4. WPyogi
   Volunteer Moderator
   Posted 10 months ago #
   

   LOL -- You're welcome. Just a bit of CSS and HTML...

Reply

You must log in to post.