CSS and JS

  • Resolved agrafeur

    (@agrafeur)


    7 years, 2 months ago

    Hello and thank you for this great plugin,

    I’m actually design my website and as spreadshirt creator, i use your wonderful tool. (that’s all for greetings^^)

    I’ve 2 problems.

    First.
    I’ve to set all my style same, as designer, it’s the minimum, then i use “add custom css” of the plugin, but, sometimes it’s ok (see my product’s name // description on grid), sometimes not (see the price label, which i set no radius and black background, but staying as is it (rounder red).

    So before trying much more customization, i need to know why sometimes it’s ok and sometimes not.

    Second.
    I want to use Javascript to delete the “-” between product and description in the grid, i find/do the good code (i’m not developper, but i understand something sometimes ^^) which is :

    var elements = document.getElementsByClassName('product-name-addon');

for (var i = 0; i < elements.length; i++) {
  var str = elements[i].innerHTML;
  var text = str.replace("-", "");
  elements[i].innerHTML = text;
}

    (include in <scri…></script> tag of course)

    i test on chrome console and it’s working fine, bug i can’t find where to add it in my theme in order to work with your plugins, can’t you help me ? (i’m using the theme pure
    (Link to the them page))

    Thanks a lot before all

    Philippe
    Agraf.re

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    7 years, 2 months ago

    Hi,

    I’ve to set all my style same, as designer, it’s the minimum, then i use “add custom css” of the plugin, but, sometimes it’s ok (see my product’s name // description on grid), sometimes not (see the price label, which i set no radius and black background, but staying as is it (rounder red).

    Sometimes you have to overwrite the style with !important, that’s why it’s sometimes working and sometimes not.

    I want to use Javascript to delete the “-” between product and description in the grid, i find/do the good code (i’m not developper, but i understand something sometimes ^^) which is

    if you update, you can use this to remove the - with

    
.spreadplugin-items span.product-name-addon::before {
    content: '';
}

    If you need assistance in customizing the style, let me know.

    Cheers
    Thimo

    Thread Starter agrafeur

    (@agrafeur)

    7 years, 2 months ago

    Yoo-hoo

    Thanks, all is good yet and i can continue my customisation.

    Thanks a lot one more time for your good and speed reply, i close the subject !!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS and JS’ is closed to new replies.