6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Your expertise in coding is very needed!

by Go4DBest
5 replies
  • WEB DESIGN
    • |
Folks,

I really wanted to have something like this on my sidebar. Here's a screenshot, 2013-10-26_0413 - library

I tried to make a table but my wordpress site did not interpret my codes well. Can you help me on this via css or something?

Thanks a lot.

G.B.
#coding #expertise #needed
  • Profile picture of the author Delta90
    That's probably made with a list that is customized using css.

    Here's a link where they create something like you want: Simple Vertical CSS Menu | Html - Css Developer

    At the top it could be an image or CSS3 gradients.

    Here's a link on how to make gradients: Speed Up with CSS3 Gradients | CSS-Tricks
    {{ DiscussionBoard.errors[8641394].message }}
  • Profile picture of the author clickbump
    Its basically a wordpress sidebar "Menu/Links/Latest Posts" widget that's been customized with a bit of CSS. I can give you an example if you need it. Do you have a live site where you are implementing this?
    Signature
    {{ DiscussionBoard.errors[8643152].message }}
    • Profile picture of the author Go4DBest
      Originally Posted by clickbump View Post

      Its basically a wordpress sidebar "Menu/Links/Latest Posts" widget that's been customized with a bit of CSS. I can give you an example if you need it. Do you have a live site where you are implementing this?

      Thanks man.

      Here it is , miguniversity dot com/members (forward slash members). I just thought of writing it that way for some personal reasons. Please bear with me.

      In that page, I used table on the sidebar which is not good to look at. The site is responsive by the way.

      Thanks again.

      G.B.
      Signature
      We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
      {{ DiscussionBoard.errors[8643299].message }}
  • Profile picture of the author nbatioco
    Here's the css that you need

    #sideheader {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    }


    try to add that to the class or id of your div how you structure your code.

    Then try to adjust its width.

    Let me know if it fixes it.
    Signature
    {{ DiscussionBoard.errors[8650765].message }}
    • Profile picture of the author Go4DBest
      Originally Posted by nbatioco View Post

      Here's the css that you need

      #sideheader {
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      }


      try to add that to the class or id of your div how you structure your code.

      Then try to adjust its width.

      Let me know if it fixes it.
      Awesome!

      Thanks a lot for this.
      Signature
      We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
      {{ DiscussionBoard.errors[8650792].message }}

Trending Topics