Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • kayz Friend
    #173114

    Hi i have bullets showing up next to my twitter image for some reason, it is also displaying bullets next to a css menu. I have indicated this with a red arrow.

    See screenshot here: http://imageupload.co.uk/files/q0ct89tdwzvp3hq8d6za.gif

    A similar issue here: http://www.joomlart.com/forums/topic/random-black-dots/ I have tried removing this bullet line, but it also removes the original bullets that i need for my list of articles i have indicated in pink.

    Why does it show a bullet next to the twitter account and next to my css? How can i remove this?

    Thank you.


    1. q0ct89tdwzvp3hq8d6za
    instantinlaw Friend
    #435076

    Do you have a live site URL?
    Thanks

    kayz Friend
    #435078

    Hi here it is:

    http://tinyurl.com/bulletsite

    Thank you.

    instantinlaw Friend
    #435083

    Hello,
    It looks like there are two places the css is doing this. The first place is in /iengage/plugins/system/jat3/base-themes/default/css/template.css

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {
    background-color: transparent;
    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 20px 7px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 160%;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 30px;
    }

    You will want to edit, comment out, or remove this part

    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 20px 7px;

    The second is: /iengage/templates/salaamhosting/css/template.css

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li{
    background-color: transparent;
    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 20px 6px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 1.4;
    }

    You will want to edit, comment out, or remove this part

    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 20px 6px;

    Let me know if you have any problems.

    kayz Friend
    #435084

    Hi i cannot find any of this in the templates you’ve mentioned.

    instantinlaw Friend
    #435101

    Try just looking for

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li
    In: plugins/system/jat3/base-themes/default/css/template.css
    and

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li
    In: templates/salaamhosting/css/template.css

    Then just comment out, or remove the code for the background image. You can also try making visibility hidden.

    kayz Friend
    #435105

    Hi again.

    Yes i can see

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li

    But the rest of it is not there.

    Look: http://www.webhostingit.co.uk/iengage/plugins/system/jat3/base-themes/default/css/template.css

    Please download the css and tell me which line the following css is on.

    background-image: url("../images/bullet.gif");

    I can only find
    background: url(../images/bullet.gif) no-repeat 20px 7px;
    which is on line 88.

    Can you please double check?

    instantinlaw Friend
    #435107

    Hello,
    The rest of the css is right below

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li
    The whole class is

    .ja-moduletable ul li,
    .ja-module ul li,
    .ja-content-main ul li {
    background: url(../images/bullet.gif) no-repeat 20px 7px;
    line-height: 160%;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 30px;
    }

    Lines 85 through 93. Taken directly from the file you sent me.
    You are probably going to have to edit the css in the plugin folder as well.
    Try doing this:

    .ja-moduletable ul li,
    .ja-module ul li,
    .ja-content-main ul li {
    /*background: url(../images/bullet.gif) no-repeat 20px 7px;*/
    line-height: 160%;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 30px;
    }

    kayz Friend
    #435111

    Hi again! 🙂

    Yes that i can see, its different from what you first posted

    .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {
    background-color: transparent;
    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 20px 7px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 160%;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 30px;
    }

    lol now i think we’re on the same page 🙂

    Ok now i’ve edited the file as you mentioned both in the plugin and template to no avail still.

    Yes if i take out the bullet from my template css file the bullet disappears – i tried this before and it works.

    But text which i intentionally bullet listed also has theirs disappear which i dont want. If you see my first post where i have attached a an image you will see the pink arrow is pointing to a list of text which i listed with bullets. I want them to remain as bullets but take away the extra bullets which keep appearing to things i add to the col-mass-top section of the module.

    If you check the website now, you will notice i have added a menu near the bottom right, the module is called ‘TEST Menu’ you will see it also has bullets next to it now.. very frustrating.. 🙁

    Everything on the right keeps adding bullets….

    instantinlaw Friend
    #435112

    All I can post is what I see when checking your site css. It doesn’t look like it, but maybe you didn’t turn off cache and minify in the templat parameters.
    Anyway,
    Why don’t you do a global search for

    background-image: url("../images/bullet.gif");
    and comment out all instances that you don’t want. I’d look in the plugins folder as well.
    I just took a look at your site css again and I am still seing the image url showing and its not commented out either.
    You could remove the image like you did before, and use a bullet class built into the template typography to add a stylized bullet where you want a bullet.

    kayz Friend
    #435533

    Hi again, i really appreciate your help but i think we need a third person to verify whether they can see what i’m seeing or what you’re seeing. This is so strange, i’ve checked high and low to no avail…

    I see this on line 88

    background: url(../images/bullet.gif) no-repeat 20px 7px;

    not

    background-image: url("../images/bullet.gif");

    This is the same for

    templates/mytemplate/css/template.css

    and

    plugins/system/jat3/base-themes/default/css/template.css

    Enable Development Mode is Enabled
    Cache Mode Disabled
    Optimize CSS No
    Optimize JS No

    swissa Friend
    #435539

    It looks like you still have a call to it on line 129 templates/salaamhosting/css/template.css

    /* List —*/
    .ja-moduletable ul li,
    .ja-module ul li,
    .ja-content-main ul li {
    background: url(../images/bullet.gif) no-repeat 20px 6px;
    line-height: 1.4;
    }

    instantinlaw Friend
    #435556

    <em>@kayz 296931 wrote:</em><blockquote>Hi again, i really appreciate your help but i think we need a third person to verify whether they can see what i’m seeing or what you’re seeing. This is so strange, i’ve checked high and low to no avail…

    I see this on line 88

    background: url(../images/bullet.gif) no-repeat 20px 7px;

    not

    background-image: url("../images/bullet.gif");

    This is the same for

    templates/mytemplate/css/template.css

    and

    plugins/system/jat3/base-themes/default/css/template.css

    Enable Development Mode is Enabled
    Cache Mode Disabled
    Optimize CSS No
    Optimize JS No</blockquote>Have you tried doing a global search and replace for “bullet.gif” like I suggested before? That would be the fastest way to find it.

    kayz Friend
    #435577

    <em>@swissa 296940 wrote:</em><blockquote>It looks like you still have a call to it on line 129 templates/salaamhosting/css/template.css

    /* List —*/
    .ja-moduletable ul li,
    .ja-module ul li,
    .ja-content-main ul li {
    background: url(../images/bullet.gif) no-repeat 20px 6px;
    line-height: 1.4;
    }</blockquote>

    Yes that is in the template css which i am referring to.

    <em>@instantinlaw 296960 wrote:</em><blockquote>Have you tried doing a global search and replace for “bullet.gif” like I suggested before? That would be the fastest way to find it.</blockquote>

    Global search as in search for that exclusively across the entire document?

    I did a search on the word ‘bullet’ alone for the entire script and i only come across line 129

    background: url(../images/bullet.gif) no-repeat 20px 6px;

    Can you show me a screenshot? Could you kindly also ask another mod to take a look at this and confirm whether they can see what im seeing or what you’re seeing…

    instantinlaw Friend
    #435639

    No, I mean doing a search of your public_html directory with your ftp client, or Dreamweaver, etc.

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

This topic contains 15 replies, has 3 voices, and was last updated by  instantinlaw 12 years, 9 months ago.

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