Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file News image border and rounded corners

More
11 years 4 months ago #1260 by ians
News image border and rounded corners was created by ians
Hi there,

Just installed latest news enhanced and looks to do pretty much what I want. If possible, I would like to have no border round the thumbnail and rounded corners. I saw a previous thread which suggested the following CSS code for removing the borders and I've tried this in firebug.

However i can't see where to edit the CSS for the extension.

Probably really basic -sorry, but a point in the right direction would be appreciated,

Yours,

ian

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #1263 by admin
Replied by admin on topic Re: News image border and rounded corners
Hello Ian,
you should actually leave module stylesheets alone (in general, not only with my extensions) so that when you update them, your work is not overwritten and lost. In my case, I actually use a separate stylesheet that I load in my template that overrides all extensions installed, when they need tweaking.
So I would suggest you add the CSS code to your template, either in its own stylesheet or, better, in a separate one that you load from your template.
Olivier.

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #1282 by mavel
Replied by mavel on topic Re: News image border and rounded corners
Thanks, but how do I override the style of your extension?

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #1287 by admin
Replied by admin on topic Re: News image border and rounded corners
You have to look through the source code of your html page to find what element class you want to override. A great tool for that is Firebug (works wonders in Firefox).

Then add the code to your template's CSS, something like:
.news .picture {
    border: none !important;
    padding: 0 !important;
}

That will override the module's CSS (note that the !important property assures that your style has priority).
Olivier.
The following user(s) said Thank You: mavel, muzzafar

Please Log in or Create an account to join the conversation.