solved I want to seperate the images through out the site

I want to separate the images through out the site


hi guys...the code below is from the jrelastic skin and I believe it control almost all the images through out the skin
as well as the members profile.

What will be my best way of going about having them both different..what can I do to separate a few of the images on the site..so they all don't have the same padding

and margins..etc...should i create a new and different core_image _css file (name it different of course) or just add more info in the original core_image_css file and have that info match the new div class used in the functions.

Hope I explained it well.

core_image_css

Image Tag
margin 1px
height auto

Image Icon
padding 1px
margin-right 12px

Image Outline
margin 1px
padding 1px

Image Outline Link
margin 1px
padding 1px

thanx
Ed
updated by @boplive: 03/06/14 11:28:10AM

Basically you're going to just find the template you want to modify and change the class on the image source, or jrCore_module_function call.

Play with it a bit and you'll see how it works.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

sounds good...will give it a try...tonight...thnx Brian

Another way to do it is to wrap the front end in an id and the profiles in an id and then split out the css for each.

Check out the jrBlank skin, it works like that, so does the bootstrap https://github.com/ussher/bootstrap

by putting a section id you can then use the same CSS but prefix it with the id

eg:

#profile

#profile Image Tag
margin 1px
height auto

#profile Image Icon
padding 1px
margin-right 12px

#profile Image Outline
margin 1px
padding 1px

#profile Image Outline Link
margin 1px
padding 1px

AHHHHHHHHHHHHHHHHHHHH...i got you...i'm going to give that a try and will let you and Brian know what happened

I wrapped it with and id in the front like Michael suggested and it work out well...thnx