change style of widget header

  • Mod

    andrea_garay2005

    #27254

    Tee, I like the one you used on that DJ site……how did you make that?

    Mod

    Kenneth John Odle

    #27255

    how did you make that?

    Use Firebug. There are several tutorials around here for how to use that.

    Prasanna’s right–if you want to do anything beyond the numerous options that Graphene offers, you’re going to have to learn some css. The best way to do this is to read a few tutorials, find something you want to imitate, use Firebug to learn how it’s done, and then do it (hopefully in an improved way) on your own site. Admiration/jealousy can be a great learning motivator. That’s how I learned (mostly), at least.

    andrea_garay2005

    #27256

    Kenneth you are right :)I always say that to my son ….. I will take your advice in this case 🙂

    Mod

    Kenneth John Odle

    #27257

    There is a learning curve, I’ll admit. But you’d be amazed at how quickly it flattens out.

    andrea_garay2005

    #27258

    If I have the css codes for a ribbon where do I place it? …for changing widget header I mean. I tryed Graphene Options – Display – CSS but is not changing. Don’t know…

    Anonymous

    #27259

    You will need to find out the exact Class or ID to add those ribbon CSS on too. For example having them appear on your sidebar titles.

    .sidebar h3 {
    position: relative;
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 20px 6px 70px;
    margin: 2px 10px 10px -32px;
    color: #FFF;
    background-color: #999;
    text-shadow: 0px 1px 2px #323232 !important;
    text-transform:uppercase;
    }
    .sidebar h3:after
    {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 100%;
    border-width: 5px 10px;
    border-style: solid;
    border-color: #686868 #686868 transparent transparent;
    }

    You’ll have to use fire bug to make it look perfect. This is the codes I used for my titles.

    andrea_garay2005

    #27260

    ok but don’t I have to insert the ribbon’s css codes somewhere?

    I am having trouble installing firebug. It says it appears to be corrupt…..

    andrea_garay2005

    #27261

    can I use it for the header menu?

    Anonymous

    #27262

    I haven’t tried but yes you can. CSS for the ribbon is there, but it’s different CLASS and ID TAGS. It’s really hard to explain you’ll have to read up on CSS ><

Viewing 10 posts - 11 through 20 (of 23 total)

  • You must be logged in to reply to this topic.