Home Forums WoodMart support forum Customize shop page 2

Customize shop page 2

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #26710

    leonidas
    Participant

    I noticed something that escaped my attention in the previous topic (customize shop page).

    In situation 2 you gave me the code
    div.product-labels {
    right: 0;
    width: 100%;
    max-width: 100%;
    }

    .product-label.new {
    position: absolute;
    right: 0;
    }

    in purpose to move “new” label to the right which worked well for the shop page.
    The problem is that the “new” label overlapped the “sale” page on the product page. Can we move the percentage sale badge to the left on the product page so all badges are visible?

    #26731

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

    div.single-product-page .product-image-summary .product-labels {
    	width: 100%;
    	max-width:100%;
    }
    
    div.single-product-page .product-image-summary .product-labels .onsale {
    	position: absolute;
    	right: auto;
    	left: 0;
    	top: 0;
    }
    
    div.single-product-page .product-image-summary .product-labels .new {
    	position: relative;
    } 

    Regards

    #26738

    leonidas
    Participant

    Now I have the image below

    #26739

    leonidas
    Participant

    move it to the left side please

    #26749

    Bogdan Donovan
    Keymaster

    You did not close the previous code brackets, so the subsequent code snippet does not work. This can be seen in the screenshot https://gyazo.com/77e59adf80377d374d095dff962e1e26

    Regards

    #26756

    leonidas
    Participant

    Thanbk you.You can close the ticket

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

The topic ‘Customize shop page 2’ is closed to new replies.