Editing CSS for Giftable

  • Resolved calcalcalcal

    (@calcalcalcal)


    7 years, 11 months ago

    Hi there, I run a website that uses a very simple black and white color scheme and this plugin conflicts with it because of the h3 tag in checkout. Otherwise, everything is perfect and this plugin is exactly what I need.

    Is there a way to change it so that the text in the cart “Choose your free gift” and the gift item title do not pull from my stylesheet? Is there something I can reference in a custom css code? Currently it displays as white text on a white background.

    The best solution would be if the white background in the cart was black instead.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author DecomTeam

    (@decomteam)

    7 years, 11 months ago

    Hi @calcalcalcal,
    we have dgfw- classes on all elements so you can easy customize it with CSS

    .dgfw-available-gifts {
  h3.dgfw-available-gifts-title {
    color: red;
  }
}

    *best way to insert code is directly to child-theme, or to use plugin Simple Custom CSS and JS

    Thread Starter calcalcalcal

    (@calcalcalcal)

    7 years, 11 months ago

    Hi @decomteam,

    The provided code does not work with directly inserting the code or using the Simple Custom CSS and JSS plugin.

    I get these errors:

    Expected COLON at line 2, col 5.

    Unxpected TOKEN ‘}’ at line 5, col 1.

    CSS doesn’t seem to recognize the h3.dgfw-available-gifts-title call.

    Plugin Author DecomTeam

    (@decomteam)

    7 years, 11 months ago

    Hi @calcalcalcal, could you share a screenshot ?
    – the code is for CSS (not a JS = JavaScript) , just check it is it a CSS you added

    Thread Starter calcalcalcal

    (@calcalcalcal)

    7 years, 11 months ago

    Here is a link to a screen shot.

    It is CSS I added. https://snag.gy/HlP2ht.jpg

    Plugin Author DecomTeam

    (@decomteam)

    7 years, 11 months ago

    – try?

    .dgfw-available-gifts h3.dgfw-available-gifts-title {
    color: #000000 !important;
}

    or you could remove background from giftable slider:

    .dgfw-available-gifts {
  background: transparent !important;
}
    Thread Starter calcalcalcal

    (@calcalcalcal)

    7 years, 11 months ago

    Excellent! Both of those worked. I went with removing the background, thank you!

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

The topic ‘Editing CSS for Giftable’ is closed to new replies.

Tags