TMA is a very great,, but unfortunately I am lost with the html-element.css and the tma.css.

My problem mut be easy: I want a border for the image of the main content and only that (no border for the image of the others sidebars).

So I've got in html-elements.css:

.img { border: 2px solid #a79974; margin-top: 0.909em; margin-bottom: 0.909em; margin-left: 0.909em; margin-right: 0.909em; }

and tried different things, but not the right ones so I need help, when possible :)

Comments

komal.savla’s picture

komal.savla commented

Hi,

1. Instead of changing the css in html-element.css or the tma.css, create your custom css file say 'local.css' and add following style to add the border to the images on the main content only: 

.region-content img {
  border: 3px solid green;
}

2. Add following code in 'tma.info' file :

 stylesheets[all][] = local.css

3. Clear cached data. here - admin/config/development/performance

Thanks,
Komal

detorped’s picture

detorped commented
Status: Active » Closed (fixed)

Hello again

it works perfectly, I should have thought about this easy solution.

Thanks a lot! நன்றி !