Joomla Templates Club 406,261 posts

[effektlabor Friend effektlaborJoin date: March 2007Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 5 times in 1 posts]

#141369

Hi,

I want to remove the border from only one image in an article. But I don’t want to delete the whole border definition in “.article-content img” from the template.css.

How can I achieve that?

thank you and best regards!

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#305422

While your image is highlited Click your edit image button and go to borders and remove any code there.

[effektlabor Friend effektlaborJoin date: March 2007Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 5 times in 1 posts]

#305426

he?

what has this to do with css definitions of borders in the template.css?

best regards…

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305444

<em>@mfcphil 129634 wrote:</em><blockquote>While your image is highlited Click your edit image button and go to borders and remove any code there.</blockquote>
I think U cant do it.

[effektlabor Friend effektlaborJoin date: March 2007Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 5 times in 1 posts]

#305544

Can I define a custom css class that has no borders and then assign it to this special image?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#305558

effektlabor;129772Can I define a custom css class that has no borders and then assign it to this special image?

You can always create a custom position in you index.php and template.xml files, create a custom module with the image, and create the corresponding css rule for it. Then, publish the module on ONLY the page(s) you want it displayed.

Take a few extra steps, but it’s doable.

🙂

[effektlabor Friend effektlaborJoin date: March 2007Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 5 times in 1 posts]

#305566

I think no one understands me… 🙁

I have two articles where I don’t want to display the images with the border. just two articles. in these two articles the images should have no border… so I think I can assign a css definition (via template.css) to these images that tells them to not show any kind of border.

no custom module positions…

any ideas?

best regards!

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#305567

effektlabor;129632Hi,

I want to remove the border from only one image in an article. But I don’t want to delete the whole border definition in “.article-content img” from the template.css.

How can I achieve that?

thank you and best regards!

Open the article and click the HTML button and in the image tag and the bold text below.

<img style="border: none;" src="img/path" alt="alt_text" heigh="XXpx" width="XXpx />

Styles defined in the tag will override the CSS (unless you add !important in the CSS)

1 user says Thank You to scotty for this useful post

1. effektlabor

[effektlabor Friend effektlaborJoin date: March 2007Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 5 times in 1 posts]

#305575

Ui,

sounds good, but the style=”border: none;” gets kicked out of the html. I add the code, I hit update, I save. But then, if I open the html again, the style=”border: none;” is gone…

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#305577

Go to Extensions>Plugins>editors>TinyMCE and on the right hand side set… Code Cleanup on Startup: Off
Code cleanup on save: Never
Do not clean HTML entities: Yes
….Save.

Or install JCE

2 users say Thank You to scotty for this useful post

1. effektlabor
2. katew

[effektlabor Friend effektlaborJoin date: March 2007Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 5 times in 1 posts]

#305582

Yep, great! thank you very much… Somehow I always knew… every way leads to JCE… 😉

[Author]

Posts