Home › Forums › WoodMart support forum › Number on Cart Bag

Number on Cart Bag

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 30, 2020 at 1:16 pm #229917

    Naveedsaeedkhan
    Participant

    Hi, I want the number of the cart over the Bag on Desktop and mobile without a background color.
    Please see the attached screenshot for your reference.

    Attachments:
    You must be logged in to view attached files.
    September 30, 2020 at 4:39 pm #229978

    Elise Noromit
    Member

    Hello,

    There is no background for the image, the background is only for the count. Please provide the page URL

    Best Regards

    October 1, 2020 at 8:40 am #230113

    Naveedsaeedkhan
    Participant

    Hi, Please see the login details below

    October 1, 2020 at 10:00 am #230142

    Elise Noromit
    Member

    Hello,

    Please have a look at the screen: https://prnt.sc/ur5g0l

    Best Regards

    October 1, 2020 at 1:22 pm #230213

    Naveedsaeedkhan
    Participant

    Please see my screenshot attached. You will understand what I mean to say.
    I want the cart numbers on the black BAG the same as I showed in the screenshot.

    Attachments:
    You must be logged in to view attached files.
    October 1, 2020 at 6:57 pm #230276

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .woodmart-cart-design-5 .woodmart-cart-number {
    top: 50%;
    right: 40%;
    background: transparent;
}

    Best Regards

    October 4, 2020 at 9:07 am #230735

    Naveedsaeedkhan
    Participant

    Font color need in black and bigger font. same wants to add on desktop also.

    October 4, 2020 at 11:14 am #230769

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-cart-design-5 .woodmart-cart-number {
    top: 50%;
    right: 40%;
    background: transparent;
color:red;
font-size:10px;
}

    Change the size and color as per your needs.

    Best Regards

    October 4, 2020 at 11:58 am #230782

    Naveedsaeedkhan
    Participant

    it’s coming on mobile only. I want also on desktop.
    and the color I changed to white but the font not increasing.

    October 4, 2020 at 2:16 pm #230796

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    And remove from MOBILE it would be on all the screens.

    Best Regards

    October 4, 2020 at 2:25 pm #230799

    Naveedsaeedkhan
    Participant

    Yes, I pasted in Custom CSS > Global:
    Screenshot attached

    Attachments:
    You must be logged in to view attached files.
    October 4, 2020 at 7:21 pm #230828

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-cart-design-2 .woodmart-cart-number{
	    top: 50%;
    right: 40%;
    background: transparent;
color:red;
font-size:10px;
}

    Best Regards

    October 5, 2020 at 8:46 am #230929

    Naveedsaeedkhan
    Participant

    Hi, Thank you so much now looks Good.

    Codes not working in CSS Global so I used two codes, one for desktop and second for mobile, and set individually and all good. Thanks

    —- Desktop —-
    body .woodmart-cart-design-2 .woodmart-cart-number {
    top: 45%;
    right: 33%;
    background: transparent;
    color:white;
    font-size:14px!important;
    }
    —- Desktop —-

    —- Mobile —-
    body .woodmart-cart-design-5 .woodmart-cart-number {
    top: 40%;
    right: 30%;
    background: transparent;
    color:white;
    }
    —- Mobile —-

    October 5, 2020 at 11:04 am #230967

    Elise Noromit
    Member

    Hello,

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)