Joomla Templates Club 406,261 posts

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#137438

Hi,

I need advise, I wanted to remove the grey horizontal line and the grey box link around the images. How can I do this?

I attached the image.

Thanks and hope to hear from you.

---

Attachments:

1. 

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#288231

A live link would be better. Styling of the images can probabaly be adjusted in the css, but a look at your test site is necessary to be certain. I need a live link as I don’t have Telline II available myself.

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#288236

<em>@rhand 108281 wrote:</em><blockquote>A live link would be better. Styling of the images can probabaly be adjusted in the css, but a look at your test site is necessary to be certain. I need a live line as I don’t have Telline II available myself.</blockquote>

Thanks, I want to remove the horizontal link
website

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#288239

To remove the horizontal line find the following code on line 1475 in template.css


#ja-colmass div.moduletable_media {
border-bottom:1px solid #ABABAB;
margin:0 0 10px;
padding:0;
}

remove
border-bottom:1px solid #ABABAB;

To remove the border around the image find in template.css:

div.ja-innerdiv img
border:1px solid #CCCCCC;
margin:2px 8px 0 0;
padding:2px;
}

remove
border:1px solid #CCCCCC;

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#289064

<em>@rhand 108290 wrote:</em><blockquote>To remove the horizontal line find the following code on line 1475 in template.css


#ja-colmass div.moduletable_media {
border-bottom:1px solid #ABABAB;
margin:0 0 10px;
padding:0;
}

remove
border-bottom:1px solid #ABABAB;

To remove the border around the image find in template.css:

div.ja-innerdiv img
border:1px solid #CCCCCC;
margin:2px 8px 0 0;
padding:2px;
}

remove
border:1px solid #CCCCCC;
</blockquote>

Thank for a quick reply.

I check template.css but I cannot find
#ja-colmass div.moduletable_media {

For div.ja-innerdiv img – I found it but there is no border tag.

I still could not get rid of the horizontal line. Kindly advise. Thanks.

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#289094

In the right column there is another border you can comment out in template.css (line 2531):

div.ja-innerdiv {
/*border-bottom:1px solid #CCCCCC;*/
clear:both;
margin-bottom:10px;
padding-bottom:10px;
}

Please try and let me know. I should remove the border in the right column seperating images.

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#289113

Yes, it removed. Thanks a lot. 🙂

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#289126

Glad to hear it worked!

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#292267

Hi,
I want quite the opposite but for article images. I’m would like to add a thin grey line around some content images for only a few articles. Please see a sample of what i would to achive. The images are taken from a website I came across and like the way it looks. Here is my orginal post with a sample imge with border. Thanks for any help!
http://www.joomlart.com/forums/topic/need-a-grey-line-border-around-image/

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#292299

In the other thread they explained how to do that with PS. If you want to do that with just a few images and css you need to create a unique class for those images only and add the class to the images you want to style that way. Using the TinymCE editor’s html mode you could add a class to an image. And that class can be styled in the template’s css. Another, I think easier way, is to style the image when you add it In the appearance tab of the image editor you can style the image and add a class. Both options to add a class to an image require you to define the class in the stylesheet.

[Author]

Posts