Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 5, 2018 at 8:39 pm #893833
    bodnikwebservices

    Hi Support Team,

    Was hoping you could solve this CSS issue.
    I want to put in the content “remove from cart”
    After the “X” button on my product page
    I have adjusted my X location and color but I can not seem to get the after element to work.

    here is what I have in my style sheet:
    #top div ul.product_list_widget li a.remove{
    top:auto !important;
    height:17px !important;
    background-color:red !important;
    right:auto !important;
    bottom:0px !important;
    position:relative !important;
    }
    li a.remove::after{
    content: ” Remove from cart”;
    color:red !important;
    }

    January 6, 2018 at 5:10 pm #894125
    Victoria

    Hey bodnikwebservices,

    Could you please attach a mockup of what you’re trying to achieve?
    Please remove your code for now. We’ll try to adjust it.

    Best regards,
    Victoria

    January 7, 2018 at 4:54 am #894277
    bodnikwebservices

    Ive attached a link of what I am trying to do.
    I have indicated with the circle where I’m looking to add the “remove from cart” text using the ::after.

    For now I have commented out the CSS in my style sheet

    This is what I had for the styles red “X” but obviously the after content isn’t working.
    I was trying to get it to appear (the “X” and the “remove from cart) right after the product description but I didn’t get that far.

    #top div ul.product_list_widget li a.remove{
    top:auto !important;
    height:17px !important;
    background-color:red !important;
    right:auto !important;
    bottom:0px !important;
    position:relative !important;
    }
    li a.remove::after{
    content: ” – Remember this”;
    color:red !important;
    }

    Thanks for your time.

    Steve

    January 8, 2018 at 3:33 am #894555
    Ismael

    Hi,

    Thank you for the info.

    Please try the following css code.

    #top div ul.product_list_widget .mini_cart_item:before {
    content: 'remove from cart';
    position: absolute;
    top: 0;
    left: 20px;
    color: red;
    text-indent: 0;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.