0
Welcome Guest! Login
0 items Join Now

SOLVED Making a custom Module Suffix Class

Last Post
Search Topic

  • SOLVED Making a custom Module Suffix Class

    Posted 18 years 2 months ago
    • I can't figure it out and I've searched the forums. How can I make my own module uffix class? I see in the CSS references but I seem to be missing the logic, obviously. Can someone explain to me or point me in the right direction?

      I see the code here
      .moduletable,
.moduletable-hilite,
.moduletable-flush {
     padding: 5px;
     margin: 0;
     margin-bottom: 10px;
}
 
.moduletable-flush {
     padding: 0;
}
 
.moduletable h3,
.moduletable-hilite h3,
.moduletable-flush h3 {
     padding: 0;
     margin-top: -5px;
     margin-left: -5px;
     margin-right: -5px;
     margin-bottom: 10px;
     padding: 5px 5px 5px 23px;
     line-height: 100%;
}
 
.moduletable-flush h3 {
     margin: 0;
}

      Basically, I don't know where I can define a color for it and I'm assuming if I could get pointed in the right direction for a complete -hilite I could just duplicate it and make like a hilite2 with a different color.
    • Last Edit: 18 years 2 months ago by Eric Martin.
    #38790
    • Dan L's Avatar
    • Dan L
    • Elite Rocketeer
    • Posts: 1453
    • Thanks: 0

    Re: SOLVED Making a custom Module Suffix Class

    Posted 18 years 2 months ago
    • There is probably more in the colour scheme's individual CSS files too. Not that there's anything wrong with the method that Andy/Kev use (in fact, it saves a lot of code and takes a lot of work to do) but it does make it hard to find all the bits.

      Remember, the h3 will be for styling the header in that specific module.

      I would just create a new suffix class in template_css.css and put all the elements together in it:
      .moduletable-hilite2 {
     padding: 5px;
     margin: 0;
     margin-bottom: 10px;
     background-color: #999;
     color: #000;
}

      ...etc...then:
      .moduletable-hilite2 h3 {
     background-color: #222;
     color: #fff;
}

      ...etc for the heading.

      I assume you know how to apply the suffix from within module manager already.

      HTH

      Dan
    • Toolbox Digital | Dribbble | Forrst
    #38792

  • Re: SOLVED Making a custom Module Suffix Class

    Posted 18 years 2 months ago
    • I could have sworn I responded to this when I woke up this morning...*scratches head*

      Thank you. That works like a charm. You are right, the code is all over the place but you made it make sense to me. So, there must be a way to change the color *just* the Table so that, lets say, instead of it being default grey, I *could make one of my module Table's red. All I have to do is find out where the table is in the CSS, copy that, and then modify the color and add -hilite2

      I don't know if that is even possible but that is what I was shooting for.
    • Last Edit: 18 years 2 months ago by Eric Martin.
    #39013

  • Re: SOLVED Making a custom Module Suffix Class

    Posted 18 years 2 months ago
    • Hm, I am going to try and explain this the best way possible, it may not even be possible to do so....

      I create a module and publish it normally. All of my modules have the default grey outline and top part with the grey circle. What I am trying to figure out is how I can change the color of the top part with the grey circle and the outline for the module. The inside of the module can stay the same. Its the borders and top part of the table I would like to change; the color, that is. Is that possible. I've ben looking all aroun the css templates but can't fiugure it out. Currently I am just using a PNG and it looks tacky. Here is teh url:

      www.bfwfinancial.com

      So, as you can see I would like to just wrap the module with a custom color as opposed to using the PNG. Unless someone has something better that I could do. Your advice would help tremendously.
    #39249

  • Re: SOLVED Making a custom Module Suffix Class

    Posted 18 years 2 months ago
    #39441

Time to create page: 0.095 seconds