Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • guap Friend
    #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.


    1. pnt
    rhand Friend
    #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
    #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
    #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
    #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
    #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
    #289113

    Yes, it removed. Thanks a lot. 🙂

    rhand Friend
    #289126

    Glad to hear it worked!

    sbaldwin Friend
    #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
    #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.

Viewing 10 posts - 1 through 10 (of 10 total)

This topic contains 10 replies, has 3 voices, and was last updated by  rhand 15 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum