Public Forums 71,145 posts

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#522656

Hi Steve,

<blockquote>if I wanted to create different coloured headers, I just need to copy the original code, give it a different ‘class’ name and it’ll be OK? I’m also assuming I can do the same if I want to create different colour backgrounds?</blockquote>

Yes. As you know we call it a module class suffix. i.e sjm

Do not worry. I were also like you 2 year ago when i worked with HTML/CSS at first time. Try the best and learn a little bit on practical web projects. You will get custom with these 2 website techniques. Good luck !

And i think the tiny css rules below can help to make the icon sect display better on module’s header:

.sjm .module-title :before {
display: inline-block;
}

Put these into custom.css i suggested you in previous reply.

1 user says Thank You to phong nam for this useful post

1. gt35m

[nicedive4u Friend nicedive4uJoin date: February 2014Posts: 1Downloads:1Uploads:0]

#522896

Hi there,

Thanks for the code for the pricing grid, looks great! But what about the “Our Team” and “Support”, when wie will geht the code? Thanks a lot

[gt35m Friend gt35mJoin date: February 2014Posts: 62Downloads:0Uploads:14 Thanks: 13 Thanked: 13 times in 2 posts]

#522925

Hi @leo,

Thanks again for your help, it’s very much appreciated! 🙂 – I added that line and it’s worked, and now that I’ve managed to work out how the modules are constructed, and breaking them down has it’s made it a lot easier to style!

I’ll post a link to the site when I’ve finished it! 🙂

Thanks again @leo,

Kind regards, Steve

[gt35m Friend gt35mJoin date: February 2014Posts: 62Downloads:0Uploads:14 Thanks: 13 Thanked: 13 times in 2 posts]

#522939

Hi @nicedive4u,

If you visit the demo site using Firefox, you can then use Firebug to find and copy the code over. That’s how I’ve done it, and it’s worked a treat! 😀

Just got to work out now, how to move / change the smiley faces ! lol

1 user says Thank You to gt35m for this useful post

1. phong nam

[Author]

Posts